JavaScript 代碼壓縮工具小結(jié)
UglifyJS是構(gòu)建于nodeJS服務(wù)器端之上的一個(gè)代碼壓縮工具，目前jQuery使用它來(lái)壓縮，壓縮效果比較好。
GitHub主頁(yè)：http://github.com/mishoo/UglifyJS/
在線使用：http://marijnhaverbeke.nl/uglifyjs
使用方法：
- 從http://nodejs.org下載nodejs，用到的是node.exe
- 再?gòu)腢glifyJS的GitHub主頁(yè)下載它的最新版本
- 復(fù)制node.exe到UglifyJS的bin目錄
- 修改bin\uglifyjs，把require("uglify-js")改成require("../uglify-js")，假如提示找不到uglify-js的話
- 運(yùn)行node uglifyjs –o fancyValidate.min.js fancyValidate.js
注意要先指定-o參數(shù)，且-o參數(shù)后面緊跟的是壓縮后的文件名，最后才是源文件。
如果嫌下載麻煩的話，直接使用它的在線版本。
Microsoft Ajax Minifier
Microsoft Ajax Minifier是微軟出品的代碼壓縮工具，支持JavaScript和css代碼壓縮。
官方主頁(yè)：http://ajaxmin.codeplex.com/
下載并安裝，使用方法也很簡(jiǎn)單：ajaxmin fancyValidate.js –o fancyValidate.min.js
更多的參數(shù)使用方法請(qǐng)看官方的說明文檔：http://ajaxmin.codeplex.com/wikipage?title=Command-Line%20Switches
Google Closure Compiler
谷歌出品的代碼壓縮工具，需要JRE（從http://www.java.com/zh_CN/download/下載）的支持
官方主頁(yè)：http://code.google.com/p/closure-compiler/
先安裝好JRE，簡(jiǎn)單使用：java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
更多的參數(shù)說明請(qǐng)看相關(guān)的文檔：https://developers.google.com/closure/compiler/docs/overview
YUI Compressor
Yahoo!UI團(tuán)隊(duì)出品的代碼壓縮工具，支持JavaScript和css代碼壓縮，同樣也需要JRE支持。
官方主頁(yè)：http://developer.yahoo.com/yui/compressor/
GitHub主頁(yè)：https://github.com/yui/yuicompressor
從http://yuilibrary.com/download/yuicompressor/下載它，簡(jiǎn)單使用：java -jar yuicompressor-2.4.7.jar myfile.js -o myfile-min.js
更多參數(shù)的說明請(qǐng)看官方主頁(yè)或https://github.com/yui/yuicompressor/blob/master/doc/README
Packer
著名的js大牛Dean Edwards寫的壓縮工具，壓縮比率也比較高。
官方主頁(yè)：http://dean.edwards.name/packer/
時(shí)間比較久遠(yuǎn)，但依然好用，也提供了不少參數(shù)設(shè)置。
JSMIN
與Packer差不多時(shí)代，僅對(duì)注釋、空白等進(jìn)行壓縮。
官方主頁(yè)：http://www.crockford.com/javascript/jsmin
提供了一個(gè)DOS命令行版本：http://www.crockford.com/javascript/jsmin.zip
簡(jiǎn)單使用：jsmin <fancyValidate.js> fancyValidate.min.js
結(jié)尾
就簡(jiǎn)單介紹到這里，另外在進(jìn)行壓縮之前最好能夠使用JSLint（http://www.jslint.com/）檢查代碼，否則很可能導(dǎo)致壓縮失敗。
作者：囧月
相關(guān)文章
為網(wǎng)站代碼塊pre標(biāo)簽增加一個(gè)復(fù)制代碼按鈕代碼
寫文章的時(shí)候，作為一名專業(yè)的碼農(nóng)，經(jīng)常會(huì)在文章中粘貼一些代碼。有的時(shí)候代碼塊比較長(zhǎng)，在后期使用中需要復(fù)制這段代碼就比較麻煩2021-11-11
JavaScript調(diào)用模式與this關(guān)鍵字綁定的關(guān)系
這篇文章主要介紹了JavaScript調(diào)用模式與this關(guān)鍵字綁定的關(guān)系 的相關(guān)資料,需要的朋友可以參考下2018-04-04
JS驗(yàn)證逗號(hào)隔開可以是中文字母數(shù)字
這篇文章主要介紹了JS驗(yàn)證逗號(hào)隔開可以是中文字母數(shù)字 的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)炫酷雪花飄落效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
javascript實(shí)現(xiàn)鎖定網(wǎng)頁(yè)、密碼解鎖效果（類似系統(tǒng)屏幕保護(hù)效果）
這篇文章主要介紹了javascript實(shí)現(xiàn)鎖定網(wǎng)頁(yè)、密碼解鎖效果,跟Windows系統(tǒng)的屏幕保護(hù)效果類似,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了 jstree單選功能的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-06-06
本文主要分享了原生JS實(shí)現(xiàn)跑馬燈效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JavaScript中rxjs與?Observable?兩大類操作符解析
這篇文章主要介紹了JavaScript中rxjs與?Observable?兩大類操作符解析,運(yùn)算符是對(duì)?Observable?進(jìn)行操作并返回?Observable?的函數(shù)，文章圍繞主題展開詳細(xì)內(nèi)容，需要的小伙伴可以參考一下2022-07-07
對(duì)javascript的一點(diǎn)點(diǎn)認(rèn)識(shí)總結(jié)《javascript高級(jí)程序設(shè)計(jì)》讀書筆記
Javascript專為與網(wǎng)頁(yè)交互而設(shè)計(jì)的腳本語(yǔ)言，由下列三個(gè)部門構(gòu)造2011-11-11
js利用clipboardData實(shí)現(xiàn)截屏粘貼功能
這篇文章主要為大家詳細(xì)介紹了js利用clipboardData實(shí)現(xiàn)截屏粘貼功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10