原创 開發web時禁止瀏覽器緩存資源
開頭 平常在編輯代碼時，更改html頁面總是沒反應，覺得奇怪，後來發現是瀏覽器器緩存問題。 清除chrome流浪器的模板緩存 1.F12 打開console,選擇 network 2.勾上 diable cache 3.cat
2020-06-04 09:04:39
原创 安裝Yeoman + Bower + Grunt 創建angularjs 項目結構（新手筆記一）
Yeoman 項目初始化工具，快速生成一套項目文件，代碼結構和需要的工具。 在官網上有生成器可以選擇 ，http://yeoman.io/generators/ bower 一個包管理器，用以搜索安裝前端項目資源 grun
2020-02-23 00:43:05
原创 使用gulp 完成前端自動化
剛出來實習，剛開始第一個項目就被深深的傷害到了，項目進度緩慢，在一些很瑣碎的地方耗費了大量時間，就寫css時: 量像素->切換到sublime編輯器->寫css->刷新頁面->再切換..淚奔，入了前端的坑啊.. 前兩天在網上看到g
2020-02-23 00:43:05
原创 使用gulp-sass 和 gulp-livereload 自動編譯sass文件
吐槽 前面我也說過了，出來實習幾個月，被前端磨得快沒脾氣了，特別是寫css 時 不停的F5 -> 切換.. 循環 W(￣_￣)W，使用 gulp 前端自動化很好的解決了這個問題。 在這篇blog中不止介紹 gulp-sass 還
2020-02-23 00:43:05
1
原创 配置webpack作爲你新輪子的打包工具
本文首發在 掘金 背景 前兩天幫前同事寫一個兼容公安內網，外網，專網的多地圖合一的地圖類庫，但是越寫越煩躁，整理一下有以下幾個痛點： 使用es5語法編寫javascript，語法囉嗦冗長。 js代碼全部寫到一個文件中，沒有模塊化
2019-01-09 20:11:52
原创 改造vue-cli,使用mockjs搭建mock server
本文首發在 掘金 關於 最近準備開發一款web應用，考慮到可能會有前後端並行開發的場景,所以決定使用mockjs做mock server。 瀏覽官網文檔時發現沒有跑在webpack上的例子，索性自己找方法解決。 什麼是mockjs
2019-01-09 20:11:52
98
原创 從零開始到發佈上線，如何自定義一個webpack loader
本文首發在 掘金 關於 前兩天在使用webpack搭建移動端web的時候,需要使用到flexible.js動態修改html的font-size。考慮到只有幾行代碼，我想把flexible.js鑲嵌到<head>中,同時我希望能夠隨
2019-01-09 20:11:52
原创 使用gulp-concat合併js文件
1.安裝nodejs、構建目錄、初始化項目 搭建gulp項目 2.安裝gulp-concat插件 在項目目錄下打開命令提示符工具 按下 ctrl+r --> 輸入 cmd 安裝gulp-concat npm install gulp-
2018-08-27 13:29:32
原创 jquery 源碼學習 – jquery的閉包
jquery源碼版本2.0.3,下載地址：http://www.jq22.com/jquery/jquery-2.0.3.zip 這篇jquery源碼學習是作爲秒味課堂的jQuery源碼分析的學習筆記。 什麼是閉包？ 閉包是建立一個獨立的
2018-08-27 13:29:32
原创 使用 vue-router 切換頁面時怎麼設置過渡動畫
如何實現切換頁面時的過渡動畫? 背景 今天在編寫頁面時,看到頁面沒有任何效果就只是直入直出,完全沒有一點逼格,所以想要實現類似於原生app的那種切換頁面時的特效,遂開始google,發現網上各種方案都是各有優缺點,於是整理了自認爲優雅的方
2018-08-27 13:29:32
1
原创 zepto.js scrollTop方法在移動端chrome中失效的問題
問題 正在開發移動web,使用的是較爲輕量的zepto.js,在移動端chrome測試時,突然發現返回頂部的功能失效,也沒有任何報錯，其他瀏覽器都運行通過，解決後記錄下來。 //這段代碼在chrome移動端失效 $(document.bo
2018-08-27 13:29:32
3
原创 自定義vue radio控件
如何使用vue自定義radio控件? 背景 原生瀏覽器的radio控件的樣式誰用誰知道,一個字醜! 所以今天要使用vue之間封裝一個美美噠的radio控件. 實現功能 自定義v-model,使組件之間數據能夠進行雙向綁定. 使用che
2018-08-27 13:29:32
30
原创 用js獲取當前日期的前一天
使用時間戳獲取 var date = +new Date(); //獲取當前日期時間戳 var before = date-1000*60*60*24;//當前日期時間戳減去一天時間戳 var beforeDate = new Dat
2018-08-27 13:29:32
原创 angular ng-true-value 的作用
當我們點擊checkbox 選中複選框時，ng-model 的綁定默認值是true，取消選中時爲false. <input ng-model="checkboxModel" type="checkbox" >//選中時，checkboxM
2018-08-27 13:29:32
3
原创 dataset兼容低版本IE的方法
元素dataset屬性兼容性很差,IE11以上才支持,所以寫了個方法兼容下,下面是代碼 function getDataset(ele){ if(ele.dataset){ return ele.dataset;
2018-08-27 13:29:32