LiveReload可以理解為即時刷新，在前端開發中，開發者在編寫或調試html/js/css代碼后需要從編輯器切換到瀏覽器，再刷新瀏覽器才能看到頁面變化，這種頻繁的操作在一定程度上影響了工作效率，而LiveReload可以幫助我們解決了這個問題。 　　實現原理：通過在本地開啟一個 ...

() { // 將你的默認的任務代碼放在這}); npm install gulp-minify-css g ...

合並css中的圖片 css代碼 在路勁后面加 ?__spriter 標識要進行合並 gulp-css-spriter 默認會合並CSS中的所有圖片，要按需合並則需要修改 node_modules\gulp-css-spriter\lib ...

有時候我們會碰到上線的新版本都要刷新一次緩存的問題。那是因為改了JS的內容，但是JSP引用的地方后面的字符串未發生改變導致瀏覽器讀取瀏覽器緩存而不會重新加載新的JS內容，以下提供兩種解決方式： 1.每次上線會更新一個版本號，用版本號作為引用的字符串： <script type="text ...

gulp是基於流的前端構件化工具。目前比較火的前端構建化工具還是挺多的，grunt gulp fis3等等。 這個鬼東西有什么用？請參考https://www.zhihu.com/question/35595198 為什么選擇gulp,因為使用非常簡單，學習成本低。以后想用別的工具再轉去 ...

首先gulp是基於Node的，所以確保你已經安裝 node.js，在Nodejs官方網站下載跟自己操作系統相對應的安裝包。 先說一下gulp安裝流程： 1：全局安裝gulp，操作為： npm install gulp -g;2:在根目錄下創建 package.json文件，操作為：npm ...

在網上看了好多關於browse-sync的使用介紹，基本都是把官網上的直接復制到博客上的，很少有實際的項目操作，當我把browser-sync+gulp在項目中使用的時候，因為要顧及到的文件較多，所以瀏覽器也很難實現時時刷新，還是有1-2s的運行時間的，廢話不多說，看正文： 安裝 ...

1、完全隱藏 在<boby>里加入scroll="no"，可隱藏滾動條； <boby scroll="no"> 這個我用的時候完全沒效果，不知道是什么原因！不過好多人說這么用可以，大概是用的位置不一樣吧 2、在不需要時隱藏 指當瀏覽器窗口寬度或高度大於頁面的寬或高時 ...