web前端解壓zip檔案有什麼用：
只考慮標準瀏覽器的話， 伺服器只要傳輸壓縮包到客戶端， 節約了頻寬， 而且節約了傳輸時間， 聽起來好像很厲害的說；
如果前端的程式碼很多， 而且包含大副的圖片，那麼就可以把js和css和jpg和png等各種資料透過服務端打包成zip傳送到瀏覽器， 瀏覽器負責解壓， css實用動態生成插入到dom中，js也用globalEval直接執行， jpg或者png各種圖片檔案由blob流轉化為image， 直接插入到瀏覽器中；
html5支援讀取Blob(二進位制大物件, file檔案也是繼承了Blob)， 並轉化為圖片流或者文字流或者其他流格式， 這也是為什麼瀏覽器可以讀取"application/zip"檔案的原因；
要在瀏覽器中解壓zip檔案的話需要引入四個js ， 因為UnZipArchive.js依賴了zip.js, mime-type.js和jquery.js , 測試demo如下：
demo
UnzioarichiveJS 是自己封裝的， 有任何問題的話請及時反饋
解壓ZIP壓縮包的完整DEMO
zip.js可以在所有的chrome瀏覽器和firefox瀏覽器中執行， 可以在safari6和IE10，以及IE10以上執行;
如果要在IE9和safari中執行需要兩個設定：
web前端解壓zip檔案有什麼用：
只考慮標準瀏覽器的話， 伺服器只要傳輸壓縮包到客戶端， 節約了頻寬， 而且節約了傳輸時間， 聽起來好像很厲害的說；
如果前端的程式碼很多， 而且包含大副的圖片，那麼就可以把js和css和jpg和png等各種資料透過服務端打包成zip傳送到瀏覽器， 瀏覽器負責解壓， css實用動態生成插入到dom中，js也用globalEval直接執行， jpg或者png各種圖片檔案由blob流轉化為image， 直接插入到瀏覽器中；
html5支援讀取Blob(二進位制大物件, file檔案也是繼承了Blob)， 並轉化為圖片流或者文字流或者其他流格式， 這也是為什麼瀏覽器可以讀取"application/zip"檔案的原因；
要在瀏覽器中解壓zip檔案的話需要引入四個js ， 因為UnZipArchive.js依賴了zip.js, mime-type.js和jquery.js , 測試demo如下：
demo
UnzioarichiveJS 是自己封裝的， 有任何問題的話請及時反饋
解壓ZIP壓縮包的完整DEMO
相容性zip.js可以在所有的chrome瀏覽器和firefox瀏覽器中執行， 可以在safari6和IE10，以及IE10以上執行;
如果要在IE9和safari中執行需要兩個設定：
demo