原创 webpack報錯Tapable.plugin is deprecated. Use new API on `.hooks` instead
webpack問題一： 原因： extract-text-webpack-plugin目前版本不支持webpack4 解決方式一： npm install --save-dev extract-text-webpack-plugi
2018-11-21 01:04:08
原创 webpack4 css添加瀏覽器前綴 postcss-loader
自動添加瀏覽器前綴 ，我們這裏使用postcss-loader 首先 cnpm install --save-dev postcss-loader autoprefixer 我這裏用的cnpm ，npm也可以下載 接下來是配置 在
2018-11-20 12:36:44
原创 webpack 項目記錄
XXX項目記錄 Webpack管理項目 新建一個文件夾，用來創建項目，cmd 進入該文件夾。（需node.Js）. 執行npm init 命令，接下來就是一系列項目資料，直接回車就可以跳過了。完成時候會在該文件夾下生成 packa
2018-11-07 00:55:56
原创 前端命名規範
最佳原則 堅持制定好的代碼規範。 無論團隊人數多少，代碼應該同出一門。 1.項目命名 全部採用小寫方式， 以下劃線分隔。 例：my_project_name 2.目錄命名 參照項目命名規則； 有複數結構時，要採用複數命名法。 例：scri
2018-11-03 23:45:10
原创 移動端項目中 @2x 圖 和 @3x 圖 的使用
移動端開發過程中，因爲手機的dpr(設備像素比不同)，我們需要根據dpr來修改圖標的大小: 1.通過mixin,動態修改圖標的背景圖片。通過@media (媒體查詢)，判斷設備的dpr。 1 2 3 4 5 6 @mixin bg-
2018-10-20 02:37:14
1
原创 css實現瀑布流佈局
現在距離2012年已經過去了五個年頭，CSS的技術更新也是日新月異，在這幾年當中出現了很多新的佈局方法，比如多列布局multi-columns、Flexbox佈局以及今年瀏覽器支持有Grid佈局。早前在《CSS佈局的未來》一文中有對這些佈
2018-09-05 15:51:30
原创 sublime text 3 px轉rem
1.在官網下載sublime text 3下載地址：http://www.sublimetext.com/32.安裝到pc3.下載cssrem 下載地址：https://github.com/hyb628/cssrem4.安裝完成打開su
2018-09-03 19:33:37
原创 jquery $.trim()方法
$.trim(str) 返回：string； 說明：去掉字符串首尾空格。 示例： 先看個錯誤代碼錯誤代碼： 複製代碼 代碼如下: <input type="text" name="" id="r
2018-09-03 19:33:37
原创 限制顯示的字數，並用省略號代替省略掉的子
第一種：只要求顯示一行的情況， 直接用css解決： overflow: hidden;white-space: nowrap;text-overflow:ellipsis; 第二種：要求顯示多行 這種情況用單純的css是無
2018-09-03 19:33:37
3
原创 forEach方法遍歷數組
1. js 數組循環遍歷。 數組循環變量，最先想到的就是 for(var i=0;i<count;i++)這樣的方式了。 除此之外，也可以使用較簡便的forEach 方式 2. forEach 函數。 Firefox 和
2018-09-03 19:33:37
原创 前端頁面的適配使用rem換算
https://www.cnblogs.com/liangxuru/p/6970629.html 爲什麼要使用rem之前有些適配做法，是通過js動態計算viewport的縮放值（initial-scale）。例如以屏幕320像素爲基準，設
2018-09-03 19:33:37
原创 掌握Chrome開發工具：新一代前端開發技術
掌握Chrome開發工具：新一代前端開發技術 一隻叫做蘭胖的食人魔魔法師 · 半天前翻譯 · 1716閱讀 原文鏈接 你可能已經熟悉了Chrome開發工具的基本功能。: DOM檢查器、樣式面板和JavaScript控制檯
2018-09-03 19:33:37
原创 手機端頁面自適應解決方案—rem佈局進階版
https://www.jianshu.com/p/985d26b40199 該方案使用相當簡單，把下面這段已壓縮過的 原生JS（僅1kb，源碼已在文章底部更新，2017/5/3） 放到 HTML 的 head 標籤中即可（注:不要手動設
2018-09-03 19:33:37
原创 前端可視化編程：liveReload安裝，sublime 3
需要插件 sublime text3：View in Browser；LiveReload chrome：liveReload 配置方法 一：sublime text3 sublime 3下載地址： http://downl
2018-09-03 19:33:37
原创 讓a標籤href鏈接失效
通過jquery的removeAttr實現的方法："<a href=“www.***.com” id=“demo”>百度</a>"js方法：$("#demo").removeAttr("href"); 如此即可是a標籤失效。
2018-09-03 19:33:37