原创 備忘錄(CSS)

<div style="width:150px;"> <p style="word-break: break-all">防止內容變多時文字超過div的範圍</p> </div>

原创 整理一些常見的頁面佈局

昨天看博客時無意間發現 聖盃佈局 和 雙飛翼佈局 ,知(gu)識(lou)淵(gua)博(wen)的我趕緊學習一下 聖盃佈局 和 雙飛翼佈局 是前端工程師需要日常掌握的重要佈局方式。兩者的功能相同,都是爲了實現一個兩側寬度固定,

原创 微信X5調試地址

做微信項目,有時會想看log或者想清除緩存數據,可以訪問https://debugx5.qq.com/ 調試指南

原创 node實現反向代理

公司在做銀行項目,開發都在雲桌面。不能直接訪問服務器上的接口服務,但是可以連接到雲桌面,所以搭建個代理之後就可以愉快的在本地開發啦 安裝http-proxy模塊 >npm install http-proxy --save-dev

原创 js實現粘貼圖片

之前同事寫過把剪切板內容粘貼到富文本編輯器,當時只想當鹹魚就沒有研究,最近研究FileReader時發現一個例子也是粘貼圖片內容,閒來無事就寫個demo試一試,順便還發現了很多不常見的知識點 <div id="preview" c

原创 IDEA自定義文件模板與模板變量

IDEA自定義文件模板與模板變量IDEA創建自定義模板IDEA模板的預定義變量參考 IDEA創建自定義模板 最近在寫 github.io 博客,用 webstrom 寫 markdown 文件,頭部裏會有固定格式的內容,每次創建

原创 JS 數組函數的整理

最近在發現了一些自己不常用但蠻好用的數組函數,稍微整理一下,有以下幾個: Array.prototype.includes() (ES7)新特性 Array.prototype.filter() Array.prototype.

原创 使用vue指令實現複製代碼

自定義一個複製code指令 看掘金刷到Vue.directive,想想到現在自己也沒寫過指令,於是就想寫一個指令試試。正考慮寫什麼好呢,瞅到了複製代碼,不禁感嘆:哥真是機智啊。廢話不多說,擼起來! src的目錄下有關文件的路徑:

原创 一起了解Javascript執行機制

一直對JavaScript的運行機制不甚瞭解,看了一篇文章描述的很仔細,就弄了點乾貨下來 javascript 是一門單線程語言,js 任務也要按順序一個一個順序執行。那麼問題來了,假如我們想瀏覽新聞,但是新聞包含的超清圖片加載很

原创 npm ci命令行

刷微博,刷到阮一峯的微博提到npm ci,出於好奇,查了一下,在這記錄下來 用途 npm ci 和 npm i 類似,都可以用來安裝依賴。他比常規的 npm i 安裝快,也比常規安裝更嚴格,他可以npm依賴安裝的一致和穩定 (鎖版

原创 let、var和const的區別

現在討論一下ES5的var和ES6的let、const 爲什麼會有let 和 const ES5只有 全局作用域 和 函數作用域,有時遇到一些不合理的場景,比如遇到下面的代碼,大部分人會選擇使用閉包來解決這個問題。而ES6引入的l

原创 ESLint和Airbnb代碼規範

什麼是ESLint ESLint 是一個開源的 JavaScript 代碼檢查工具。代碼檢查是一種靜態的分析,常用於尋找有問題的模式或者代碼,並且不依賴於具體的編碼風格 爲什麼使用ESLint 保持代碼風格的一致性能增加可讀性,更

原创 mysql 語句

登錄: mysql -u root -p mysql -h 服務器主機地址 -u 用戶名 -p 用戶密碼 查詢數據庫列表: show databases; 創建名爲 “blog” 數據庫: create database blog; 刪除

原创 聯動菜單

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>聯動菜單</

原创 laravel5 知識點備忘錄

laravel5 知識點備忘錄 從頭開始: 準備 安裝 準備 安裝 composer(全局安裝) curl -sS https://getcomposer.org/installer | php mv compose