前提需要安裝nodejs，依賴於npm的管理工具來安裝必要的插件庫 一. 全局安裝Gulp npm install -g gulp 二、新建一個 gulpfile.js 文件 chapter2└── gulpfile.js 三、在 gulpfile.js 中編寫代碼 // 獲取 ...

前端構建工具之gulp（一）「圖片壓縮」 已經很久沒有寫過博客了，現下終於事情少了，開始寫博吧 今天網站要做一些優化：圖片壓縮，資源合並等 以前一直使用百度的FIS工具，但是FIS還沒有提供圖片壓縮的相關插件，於是找到了騰訊的智圖，而智圖目前提供的插件只有gulp-imageisux 無奈 ...

html代碼： ...

今天被問到前端怎么圖片壓縮，然后就一頓的查資源，終於知道前端怎么壓縮圖片。 關鍵： FileReader() toDataURL() 上面兩個是關鍵方法，是html5后出現的好東西。 就是把圖片轉換成Base64編碼，那樣就可以不用理圖片在哪了， 他就被你轉換成編碼 ...

越到最后啊 就越發現，真的很理解那句話 就是自己多學一點一點知識，就少一句問別人的東西 這是多么痛苦的領悟 今天需要壓縮css跟js文件 然后不懂啊 就問別人啊 就問啊問啊 然后再上網了解啊了解啊 用gulp gulp是基於Node.js的前端構建工具 恩 確實是個好東西 ...

目前做代碼壓縮合並的工具有很多，諸如gulp，webpack，grunt等等，可以說這些項目構建工具的功能非常之強大：圖片壓縮、圖片轉base64、css和js的壓縮以及合並，文件的md5重命名 ……。本人之前也是在項目中沒具體使用過，閑來無事，查查資料，自己寫了一個用gulp工具的小demo ...

一、gulp中的圖片壓縮。 　　最初使用gulp-imagemin做測試。明明配置沒問題，但是壓縮的時候就會報錯，具體原因在哪兒沒找到，有可能是因為插件版本或者node版本的問題。於是改用第二個插件：gulp-tinypng-nokey 二、關於各個插件的對比 　　1、需要的插件包：npm ...

一、圖片上傳前端壓縮的現實意義 對於大尺寸圖片的上傳，在前端進行壓縮除了省流量外，最大的意義是極大的提高了用戶體驗。 這種體驗包括兩方面： 由於上傳圖片尺寸比較小，因此上傳速度會比較快，交互會更加流暢，同時大大降低了網絡異常導致上傳失敗風險。 最最重要的體驗改進點：省略了圖片的再加 ...