基于瀏覽器的JavaScript文件壓縮、導出

Tamic 發布于2019-08-26 13:36 / 2841人閱讀

摘要：使用導出安裝導入要導出的數據格式導出同導出更多用法文件較多時，壓縮導出使用根據具體情況處理每個文件的數據一個壓縮包

1.使用FileSave.js

導出text

npm install file-saver --save       /*安裝*/

import FileSaver from "file-saver"  /*導入*/

var Blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"}) /*要導出的數據格式*/

FileSaver.saveAs(blob, "HelloWord.txt")

導出file

/*同導出text*/

var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"})

FileSaver.saveAs(file)

更多用法：https://www.npmjs.com/package...

2.文件較多時，壓縮導出（使用jszip）

npm install jszip --save

import JSZip from "jszip"

const Zip = new JSZip()
 
data.map(data => {

   const blob =  new Blob(data, {type: "text/plain;charset=utf-8"})
   
   Zip.file(data.name, blob)
   
}) /*根據具體情況處理每個文件的數據*/

Zip.generateAsync({type:"blob"}).then(function(files) {
 
   saveAs(files, "一個壓縮包.zip")
    
})

GPU云服務器云服務器基于瀏覽器的webrtc 基于javascript的webgis開發字符文件的壓縮算法怎么將壓縮的js文件放進cdn

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109144.html

Web前端性能優化——如何有效提升靜態文件的加載速度

摘要：在減少文件請求數量方面大致有以下三方面合并腳本文件合并樣式文件合并引用的圖片，使用雪碧圖。和的模塊管理不同，前者是基于靜態的，而后者是動態的。被打包文件的內容也已經被壓縮混淆，減少了加載文件的。作者：劉軼斌，騰訊應用開發工程師商業轉載請聯系騰訊WeTest獲得授權，非商業轉載請注明出處。原文鏈接：http://wetest.qq.com/lab/view/345.html We...

ccj659 2019-08-06 13:25 評論0 收藏0
聊聊webpack

摘要：但是由于缺乏規范化管理，出現了很多種模塊化規范，從針對的規范，到針對瀏覽器端的，終于在里規范了前端模塊化。可以通過兩種方式之一終端或。導出多個配置對象運行時，所有的配置對象都會構建。在階段又會發生很多小事件。隨著前端的迅速發展，web項目復雜度也是越來越高。為了便捷開發和利于優化，將一個復雜項目拆分成一個個小的模塊，于是模塊化開發出現了。但是由于缺乏規范化管理，出現了很多種模塊化規范...

Ashin 2019-08-26 10:21 評論0 收藏0
AWS推出MXNet模型服務器

摘要：部署深度學習模型不是一項簡單的任務，它要求收集各種模型文件搭建服務棧初始化和配置深度學習框架暴露端點實時發送度量指標，并運行自定義的預處理和后置處理邏輯代碼，而這些僅僅是繁雜步驟中的一部分。開源的極大簡化了的深度學習模型部署過程。什么是 Model Server？Model Server for Apache MXNet（MMS）是一個開源組件，旨在簡化深度學習模型的部署。部署深度學習模型...

hover_lew 2019-04-25 18:23 評論0 收藏0
前端實現批量導出圖片并打包壓縮功能

摘要：需求管理后臺需要批量導出二維碼圖片實現難點選擇相應的圖片批量導出或直接批量導出并壓縮在一個文件夾里思路分析先將選中二維碼的地址存在一個數組中依次請求圖片并將其下載后用壓縮文件最后用生成文件實現實現的代碼如下批量下載下載文件并存成對象獲需求管理后臺需要批量導出二維碼圖片 showImg(https://segmentfault.com/img/remote/1460000018234...

gghyoo 2019-08-23 15:22 評論0 收藏0