JavaScript 代碼壓縮工具小結(jié)
UglifyJS是構(gòu)建于nodeJS服務(wù)器端之上的一個(gè)代碼壓縮工具，目前jQuery使用它來壓縮，壓縮效果比較好。
GitHub主頁：http://github.com/mishoo/UglifyJS/
在線使用：http://marijnhaverbeke.nl/uglifyjs
使用方法：
- 從http://nodejs.org下載nodejs，用到的是node.exe
- 再?gòu)腢glifyJS的GitHub主頁下載它的最新版本
- 復(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代碼壓縮。
官方主頁：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/下載）的支持
官方主頁：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支持。
官方主頁：http://developer.yahoo.com/yui/compressor/
GitHub主頁：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)看官方主頁或https://github.com/yui/yuicompressor/blob/master/doc/README
Packer
著名的js大牛Dean Edwards寫的壓縮工具，壓縮比率也比較高。
官方主頁：http://dean.edwards.name/packer/
時(shí)間比較久遠(yuǎn)，但依然好用，也提供了不少參數(shù)設(shè)置。
JSMIN
與Packer差不多時(shí)代，僅對(duì)注釋、空白等進(jìn)行壓縮。
官方主頁：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)文章
JavaScript實(shí)現(xiàn)快速排序的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)快速排序的方法,結(jié)合實(shí)例形式分析了快速排序的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-01-01
紅黑樹的插入詳解及Javascript實(shí)現(xiàn)方法示例
這篇文章主要給大家介紹了關(guān)于紅黑樹的插入的相關(guān)資料，以及Javascript實(shí)現(xiàn)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起看看吧。2018-03-03
js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法,涉及javascript操作元素運(yùn)動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
國(guó)外人寫的在線壓縮和格式化工具這兩套程序都是用純 JavaScript 寫的，可以下載下來離線使用，很方便。2009-01-01
用JavaScript隱藏控件的方法有兩種，分別是通過設(shè)置控件的style的“display”和“visibility”屬性。2009-09-09
前端異步同步處理應(yīng)用場(chǎng)景及優(yōu)化詳細(xì)講解和舉例
前端開發(fā)中異步與同步處理分別適用不同場(chǎng)景,異步操作如網(wǎng)絡(luò)請(qǐng)求、文件讀寫等,而同步處理適用于簡(jiǎn)單、線性任務(wù),異步處理可通過回調(diào)函數(shù)、Promise、async/await等方式優(yōu)化,提高代碼效率和可維護(hù)性,需要的朋友可以參考下2024-10-10
JavaScript中innerHTML使用方法實(shí)例
js中常常用到innerHTML,其作用就是獲取到標(biāo)簽里面的內(nèi)容,同時(shí)也可以為標(biāo)簽添加內(nèi)容,下面這篇文章主要給大家介紹了關(guān)于JavaScript中innerHTML使用方法的相關(guān)資料,需要的朋友可以參考下2022-10-10
javascript算法學(xué)習(xí)(直接插入排序)
假設(shè)待排序的記錄存放在數(shù)組R[1..n]中。初始時(shí)，R[1]自成1個(gè)有序區(qū)，無序區(qū)為R[2..n]。從i=2起直至i=n為止，依次將R[i]插入當(dāng)前的有序區(qū)R[1..i-1]中，生成含n個(gè)記錄的有序區(qū)。2011-04-04
原生JS實(shí)現(xiàn)左右箭頭選擇日期實(shí)例代碼
原生JS 左右箭頭選擇日期,就是用左右尖括號(hào)可改變中間日期的值，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-03-03
js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03