js的壓縮及jquery壓縮探討(提高頁(yè)面加載性能/保護(hù)勞動(dòng)成果)
研究過(guò)程:
1、先強(qiáng)烈鄙視一下哪些隨便轉(zhuǎn)載文章的家伙,給我制造了很大的麻煩??!網(wǎng)上很多帖子都不靠譜。。
2、首先想了解jquery使用什么壓縮的, 網(wǎng)上找了半天,說(shuō)法不一樣,后來(lái)還是在jquery官網(wǎng)的最頻繁問(wèn)題中找到了答案,但這已經(jīng)是繞了一大圈之后的事情了。
(a)根據(jù)我看到的一些信息,jquery壓縮最早是用 Dean Edwards' Packer 進(jìn)行壓縮的,大概是在jquery1.3版本吧(我在一本jquery的書(shū)上看到的。)。這個(gè)東西出來(lái)的比較早,作者好像也是頭 大牛,目前是3.0版本,好像是在線版本,我自己把代碼去他網(wǎng)站上壓縮,無(wú)法使用,會(huì)出錯(cuò)誤。
(b)后面jquery換成yuicompressor 進(jìn)行壓縮,具體哪個(gè)版本不太清楚,有篇文章的作者說(shuō):他去jquery的svn中找了一下,發(fā)現(xiàn)有yuicompressor 的文件,然后他特意用jQuery.js試了一下,處理過(guò)的文件和jQuery.min.js一模一樣。原帖地址。
(c) 偶滴神啊,最后我在jquery官網(wǎng)找到了這么一段話。How do I compress my code?
內(nèi)容如下:
Generally the best way to do it is to use the Google Closure Compiler (used by jQuery) or YUI compressor. jQuery provides a pre-minified version of jQuery for your convenience.
Packing JavaScript using Dean Edwards' Packer (specifically using the base64 encode) is not recommended, as the client-side decoding has significant overhead that outweighs the file-size benefits.
大致意思是說(shuō):jquery用的是google的開(kāi)源js壓縮工具,Google Closure Compiler和YUI compressor 是目前最佳的js壓縮方式。 Dean Edwards‘ packer 是不推薦使用的!!
事后感想:
1.其實(shí)我很早就注意到Google Closure Compiler這個(gè)工具了,但是受一個(gè)網(wǎng)友的誤導(dǎo),沒(méi)有去試用。他提出2個(gè)理由,一是這東西開(kāi)源沒(méi)多久,二是這個(gè)會(huì)改寫(xiě)和優(yōu)化你的代碼結(jié)構(gòu)且目前有幾個(gè)嚴(yán)重的問(wèn)題;我當(dāng)時(shí)一直在找jquery是用什么壓縮工具。 TMD這種技術(shù)文章中國(guó)人寫(xiě)的就是不可信,到處JB亂抄?。『芏鄸|西都要看官方網(wǎng)站的文檔。
2.Google是一個(gè)偉大的公司,它的技術(shù)走在非常前沿,YUI之前是雅虎研發(fā)的,這幾年雅虎業(yè)績(jī)不佳,我想Google吸收了當(dāng)前IT領(lǐng)域很多技術(shù)專家,我們應(yīng)該相信它出品的東西都是精品。
相關(guān)文章
原生JS實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10js實(shí)現(xiàn)json數(shù)組分組合并操作示例
這篇文章主要介紹了js實(shí)現(xiàn)json數(shù)組分組合并操作,涉及javascript針對(duì)json數(shù)組的遍歷、判斷、添加、賦值等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02js實(shí)現(xiàn)固定顯示區(qū)域內(nèi)自動(dòng)縮放圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)固定顯示區(qū)域內(nèi)自動(dòng)縮放圖片的方法,實(shí)例分析了javascript操作頁(yè)面元素及屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07Javascript&DHTML基礎(chǔ)知識(shí)
首先請(qǐng)下載JScript.chm這本手冊(cè),無(wú)論新手老手,有一本手冊(cè)是免不了的,特別是對(duì)于新手,如果你沒(méi)有空翻犀牛書(shū),那么這本手冊(cè)將是你了解這門(mén)語(yǔ)言的首選。下面所講的大多數(shù),手冊(cè)上可以沒(méi)有提及,或提及很少的內(nèi)容。2008-07-07Javascript實(shí)現(xiàn)貪吃蛇小游戲(含詳細(xì)注釋)
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)貪吃蛇小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記四:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用實(shí)例分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中鏈?zhǔn)秸{(diào)用的原理與簡(jiǎn)單使用技巧,需要的朋友可以參考下2020-04-04javascript移動(dòng)端 電子書(shū) 翻頁(yè)效果實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript移動(dòng)端 電子書(shū) 翻頁(yè)效果實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09