導航:首頁 > 文件處理 > js下載壓縮包

js下載壓縮包

發布時間:2022-09-23 04:58:47

Ⅰ 如何壓縮js

簡單的壓縮一般是:刪除注釋和空白符,替換變數名。

更激進點的做法還包括:刪除無用代碼,內聯函數,等價語句替換等。

有些開發者出於保護代碼的原因,還可能會對代碼進行混淆處理。

通常深度壓縮JS都必須要做的一步就是盡量地縮短變數名,因為一份體積巨大的JS代碼,其中的變數名會佔去不少空間。

壓縮js必須要注意:

1、壓縮前的代碼格式要標准。因為去掉換行與空格時,所有語句就變成一行,如果你的代碼有瑕疵(比如某行少了個分號),那就會導致整個文件報錯。當然,現在有的壓縮工具已經比較智能了。

2、備份原文件。壓縮很可能不會一次成功,一般要多試,多改。

js壓縮工具:

1. YUI Compressor

2. Google Closure Compiler

Ⅱ js怎麼讀取zip文件內容

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如下:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://gildas-lormeau.github.io/zip.js/demos/zip.js"></script> <script src="http://gildas-lormeau.github.io/zip.js/demos/mime-types.js"></script> <script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.js"></script> <script src="http://files.cnblogs.com/files/diligenceday/UnZipArchive.js"></script></head><body><h2> demo</h2><div> <input type="file" id="file"></div><ul id="dir"> </ul><script> $("#file").change(function (e) { var file = this.files[0]; window.un = new UnZipArchive( file ); un.getData( function() { //獲取所以的文件和文件夾列表; var arr = un.getEntries(); //拼接字元串 var str = ""; for(var i=0; i<arr.length; i++ ) { //點擊li的話直接下載文件; str += "<li onclick=download('"+arr[i]+"')>"+arr[i]+"</li>" }; $("#dir").html( str ); }); }); var download = function ( filename ) { un.download( filename ); };</script></body></html>
UnzioarichiveJS 是自己封裝的, 有任何問題的話請及時反饋
解壓ZIP壓縮包的完整DEMO

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://gildas-lormeau.github.io/zip.js/demos/zip.js"></script> <script src="http://gildas-lormeau.github.io/zip.js/demos/mime-types.js"></script> <script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.js"></script> <style> code{ display: block; padding: 10px; background: #eee; } </style></head><body><div> <h1> 兼容性 </h1> <div> <p> zip.js可以在所有的chrome瀏覽器和firefox瀏覽器中運行, 可以在safari6和IE10,以及IE10以上運行; </p> <p> 如果要在IE9和safari中運行需要兩個設置: </p> <code> 1:zip.useWebWorkers == false </code> <code> 2:並引用這個JS:https://bitbucket.org/lindenlab/llsd/raw/7d2646cd3f9b/js/typedarray.js </code> </div> <h2> demo </h2> <div> <input type="file" id="file"> </div> <ul id="dir"> </ul> <script> $("#file").change(function (e) { var file = this.files[0]; window.un = new UnZipArchive( file ); un.getData( function() { var arr = un.getEntries(); var str = ""; for(var i=0; i<arr.length; i++ ) { str += "<li onclick=download('"+arr[i]+"')>"+arr[i]+"</li>" }; $("#dir").html( str ); }); }); var download = function ( filename ) { un.download( filename ); }; </script></div><script> zip.workerScriptsPath = "http://gildas-lormeau.github.io/zip.js/demos/"; /** * @desc 解壓縮文件的類; * @return UnZipArchive 的實例; * */ var UnZipArchive = function( blob ) { if( !blob ) { alert("參數不正確, 需要一個Blob類型的參數"); return ; }; if( !(blob instanceof Blob) ) { alert("參數不是Blob類型"); return ; }; function noop() {}; this.entries = {}; this.zipReader = {}; var _this = this; this.length = 0; this.onend = noop; this.onerror = noop; this.onprogress = noop; //創建一個延遲對象; var def = this.defer = new $.Deferred(); zip.createReader( new zip.BlobReader( blob ), function(zipReader) { _this.zipReader = zipReader; zipReader.getEntries(function(entries) { _this.entries = entries; //繼續執行隊列; def.resolve(); }); }, this.error.bind(_this) ); }; /** * @desc 把blob文件轉化為dataUrl; * */ UnZipArchive.readBlobAsDataURL = function (blob, callback) { var f = new FileReader(); f.onload = function(e) {callback( e.target.result );}; f.readAsDataURL(blob); }; $.extend( UnZipArchive.prototype, { /** * @desc 獲取壓縮文件的所有入口; * @return ArrayList; * */ "getEntries" : function() { var result = []; for(var i= 0, len = this.entries.length ; i<len; i++ ) { result.push( this.entries[i].filename ); } return result; }, /** * @desc 獲取文件Entry; * @return Entry * */ "getEntry" : function ( filename ) { var entrie; for(var i= 0, len = this.entries.length ; i<len; i++ ) { if( this.entries[i].filename === filename) { return this.entries[i]; }; } }, /** * @desc 下載文件 * @param filename; * @return void; * */ "download" : function ( filename , cb , runoninit) { var _this = this; this.defer = this.defer.then(function() { var def = $.Deferred(); if(!filename) return ; if(runoninit) { return runoninit(); }; var entry = _this.getEntry( filename ); if(!entry)return; entry.getData(new zip.BlobWriter(zip.getMimeType(entry.filename)), function(data) { if( !cb ) { UnZipArchive.readBlobAsDataURL(data, function( dataUrl ) { var downloadButton = document.createElement("a"), URL = window.webkitURL || window.mozURL || window.URL; downloadButton.href = dataUrl; downloadButton.download = filename; downloadButton.click(); def.resolve( dataUrl ); _this.onend(); }); }else{ cb( data ); def.resolve( data ); } }); return def; }); }, /** * @desc 獲取對應的blob數據; * @param filename 文件名; * @param callback回調, 參數為 blob; * @desc 或者可以直接傳一個函數作為zip解壓縮完畢的回調; * */ "getData" : function ( filename, fn ) { if( typeof filename === "string") { this.download(filename, function( blob ) { fn&&fn( blob ); }); }else if( typeof filename === "function") { this.download("test", null, function( blob ) { filename(); }); }; }, "error" : function() { this.onerror( this ); throw new Error("壓縮文件解壓失敗"); } }); </script></body></html>

Ⅲ 求用HTML和JS塔一個站,要求能上傳和下載文件(文檔文件、圖片、壓縮文件等)。

按照你說的,僅僅用js和index是無法搭建一個可以實現文件上傳的站點的。(估計你也知道nodejs)。你就想用幾個靜態文件,就實現和伺服器的交互功能,做不到。

Ⅳ js 能不能 解壓 壓縮包

winrar有命令行,用WScript.Shell對象執行裝配好的命令行就行了

Ⅳ 純js遠程下載zip,實現自動解壓到js所在的當前目錄

這代碼做起來不難,唯一的、但又能讓你絕望的問題是:任何瀏覽器都不會允許這樣的js腳本代碼運行的,這屬於最嚴重的安全隱患問題,試想想,世界上的任何一個人,只要打開某個網頁,自己的電腦上就會自動被下載一個zip文件並自動解壓,然後裡面的說不定是什麼的東西就為所欲為了,哇,世界末日的感覺啊……
對了,其實這波操作就是早期網路木馬所採用的,現在各大瀏覽器早就已經把這漏洞補上了。

Ⅵ 在js那下了幾個psp游戲,js說是鏡像文件,可回到家一看卻是壓縮文件,怎麼回事怎麼辦

他給你的是對的
ISO是鏡像壓縮格式,也是一種壓縮格式

你電腦裝的是RAR
所以默認和rar壓縮文件是一樣的

具體怎麼分辨
你打開一個文件夾
點擊「工具--文件夾選項」
跳出一個彈窗
點擊「查看」選頁
拖動滑塊
找到「隱藏已知文件類型的擴展名」這個選項
把這個選項前面方塊內的√去掉
點擊「應用」
這樣你就可以查看文件的後綴名了
到底是什麼文件就知道了

現在網上提供下載的
大多是RAR,ZIP,7Z壓縮文件
一般需要解壓一次
才能得到ISO文件

Ⅶ 我的世界js壓縮包同時下載,一個很快,一個很慢,我把下載快的暫停了另一個還是很慢,而且文件大小也差

第二個你看到後面是0B的時候就是和暫停沒有什麼兩樣,暫停一下在開始就行了

Ⅷ 關於JS或<a>標簽實現文件下載的功能。

使用JS實現文件下載示例(asp.net),參考如下:
<title>文件下載</title>
</head>
<script type="text/javascript" >
// 使用JS實現下載.jpg、.doc、.txt、.rar、.zip等文件的方法(參數 imgOrURL 為需要下載的圖片的URL地址)
// 使用該方法實現下載壓縮文件時會有網頁錯誤信息提示
// .doc、.rar、.zip 文件可以直接通過文件地址下載,
// 如:<a href="../Images/test.doc" >點擊下載文件</a> <a href="../Images/test.zip" >點擊下載文件</a>
function saveImageAs(imgOrURL) {
if (typeof imgOrURL == 'object')
imgOrURL = imgOrURL.src;
window.win = open (imgOrURL);
setTimeout('win.document.execCommand("SaveAs")', 500);
}
// 使用JS實現下載.txt、.doc、.txt、.rar、.zip等文件的方法(參數 fileURL 為需要下載的圖片的URL地址)
// 使用該方法實現下載壓縮文件時不會有網頁錯誤信息,但是不能使用該方法下載.jpg圖片文件
// .doc、.rar、.zip 文件可以直接通過文件地址下載,
// 如:<a href="../Images/test.doc" >點擊下載文件</a> <a href="../Images/test.zip" >點擊下載文件</a>
function savetxt(fileURL){
var fileURL=window.open (fileURL,"_blank","height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no");
fileURL.document.execCommand("SaveAs");
fileURL.window.close();
fileURL.close();
}
// 功能類似savetxt方法,但是下載時初始文件名為code.txt,而不是跟目標文件名相同
function svcode(obj) {
var winname = window.open('', '_blank', 'height=1,width=1,top=200,left=300');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.txt');
winname.close();
}
</script>
<body>
<div>
<br />
<a href="javascript: void 0" onclick="savetxt('../Images/test.txt'); return false">點擊下載文件</a>
<br /><br />
<a href="javascript:savetxt('../Images/test.txt')" >點擊下載文件</a>
<br /><br />
<!-- .doc、.rar、.zip 文件可以直接通過文件所在地址下載 -->
<a href="../Images/test.doc" >點擊下載文件</a>
<br /><br />
<a href="../Images/test.zip" >點擊下載文件</a>
</div>
</body>

Ⅸ 我的世界手機版zip和js具體的使用方法

首先你需要與「我的世界」pe版本相對應的方塊啟動器(個人不推薦用盒子)兩個都要安裝

把zip和js下載在你手機里你能找到的位置,打開方塊啟動器,按一下小扳手,如圖:(借用一下網上的圖)


按下Select在文件里選擇你的zip(材質包)把off調到on

js的使用:選擇圖一的.Enable ModPE Scripts support選擇js把off調到on

按返回到游戲畫面就可以使用了,懶得截圖於是用了網上的圖

Ⅹ 如何壓縮javascript和css文件

一、壓縮html和javascript:
我們用站長工具的JavaScript-HTML格式化工具,我們打開頁面,我今天要壓縮的文件js文件:common.js ,把js代碼復制到到JavaScript/HTML格式化工具裡面如下圖所示:

點擊下面的「普通壓縮」和「加密壓縮」按鈕,經過我的精心測試,使用「加密壓縮」,對文件壓縮率是最好的,所以點擊「加密壓縮」,壓縮後如圖:

javascript代碼壓縮後,我們就把這些代碼在復制到common.js文件裡面,在吧這個文件上傳到空間原來的位置,進行訪問是否存在一些錯誤,如果沒有什麼問題說明壓縮成功;

我的common.js 文件壓縮前和壓縮後的對比:
壓縮前:

壓縮後:

文件壓縮前和壓縮後確實有明確的減少,說明壓縮確實減少文件的大小,
我們來測試文件壓縮前和壓縮後所有能的時間做對比(我是用火狐插件測試傳輸速度):
壓縮前所用時間:

壓縮後所用時間:

壓縮前所用時間是:125ms,壓縮後所用時間:78ms ,文件壓縮後給我們節省大量的時間,如果每個js都進行壓縮,我們房子訪問速度會更快的。

(註:html文件和javascript壓縮原來一樣的,當時壓縮html要用到「普通壓縮」按鈕壓縮)

二、壓縮css文件:
我們打開站長工具的Css壓縮/格式化工具頁面,我要壓縮的文件是五色旗保健品商城的css主文件style.css,首先我們打開站長工具的Css壓縮/格式化工具頁面 ,把style.css 代碼放到Css壓縮/格式化工具裡面,如下圖所示:

點擊「壓縮代碼」按鈕後,css代碼壓縮成功,如下圖所示:

後邊就是壓縮後的css代碼,你要不右邊的代碼復制到源文件style.css裡面在上傳到伺服器空間裡面,在訪問一下網,看看網頁樣式有沒有改變,如果有點變化就需要簡單的調試一下,如果沒有變樣,說明你的css壓縮成功了;
下面我們來看看styl.css文件壓縮前和壓縮後的大小和放在訪問速度的大小:
文件大小對比:
壓縮前:

壓縮後:

壓縮前30kb,壓縮後23kb,明顯的文件大小減小了
壓縮前所用時間:

css壓縮前的時間.jpg (7.36 KB, 下載次數: 0)
下載附件
css壓縮前的時間.jpg
2013-11-2 00:35 上傳

壓縮後所用時間:

壓縮前所用時間是:188ms,壓縮後所用時間:93ms ,css壓縮後明顯的節省了95ms;

總結:一個大的網站可能會有很多的javascript和css,如果沒有都進行壓縮的話,一定會減少很多文件大小的,其實減少文件大少並不是很重要,最重要的是,文件容量減少了,能夠快速的提高網站訪問的速度,給用戶帶來好的體驗,我們盡量的把文件壓縮到最小,這樣才有利於用戶快速的打開網站,至此我的五色旗保健品商城優化後,我的每天的訪問量也增加了很多。

閱讀全文

與js下載壓縮包相關的資料

熱點內容
華為筆記本電腦怎麼安裝抖音app 瀏覽:410
阿里雲國際版試用的伺服器怎麼搞 瀏覽:893
java正則表達式工具 瀏覽:158
oa伺服器怎麼設置ftp 瀏覽:8
安卓如何安裝obb 瀏覽:440
QQ聊天記錄journal文件夾 瀏覽:118
蘋果公司雲伺服器地址 瀏覽:85
加密記事本手機 瀏覽:437
汽車壓縮機變頻閥 瀏覽:95
域外伺服器是什麼意思 瀏覽:639
大眾點評伺服器怎麼老卡頓 瀏覽:556
javavector與list的區別 瀏覽:316
java初始化類數組 瀏覽:303
java字元串轉換成json對象 瀏覽:647
android非阻塞socket 瀏覽:358
編譯系統概念 瀏覽:452
天眼通app能做什麼 瀏覽:557
魅族手機怎麼加密圖庫 瀏覽:8
rpa編譯器 瀏覽:572
車載雲伺服器記錄 瀏覽:740