像JQuery一樣來壓縮我們的CSS和JS
我們都知道一般JQuery新版本發布的時候往往會有幾個不同類型文件,比如原始版本文件、最小文件以及其他配合IDE智能提示的各種版本文件,前期我們使用JQuery時可能用的是完整版文件,可以到了網站發布的時候為了減輕文件大小,真正用到的就是我們常見的所謂壓縮版文件。我們在想,網站發布的時候為什么不為我們的CSS和JS也生成這樣的壓縮版文件呢?今天我就為這來發一篇隨筆談談這個並予以實現,話說好多人都知道也都在使用。
YUI Compressor
前端的肯定都知道這個東東,呵呵,這個太出名了,假若前端的你不知道就孤陋寡聞了哦!先說說這個東西是干嘛的吧,它就是可以壓縮我們的CSS和JS文件的神物,使用它可以大大的縮減我們的這兩種文件。接下來就來介紹介紹這個東東的安裝與使用,大神就無視吧,嘿嘿、、、
步驟一:安裝配置JDK
首先要安裝我們的JDK哦,下載JDK后雙擊安裝,然后一路下一步下一步,不過要記住安裝的路徑哦。(剛才傳JDK過來貌似失敗了,所以提供個官網去下載吧)官網下載
小弟已經配置過幾次JDK了,話說總是記不住(莫笑咯),於是某日閑來無聊就寫下了如下txt文件,直接內容Copy過來
---------------------配置JDK幫助文檔<以win7為例>--------------------- ********************************************************************* 1、右鍵“我的電腦”,進入“屬性”界面,找到環境變量 2、在系統變量中新建JAVA_HOME變量,值指向安裝JDK的根目錄 3、新建PATH變量(如果存在PATH,則點擊編輯),設置值為%JAVA_HOME%\bin; ->如果存在PATH路徑,在前面加;分隔符 ->例如:;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 4、新建CLASS_PATH變量,值為:;%JAVA_HOME%\lib;%JAVA_HOME\lib\tools.jar 5、測試配置是否成功 ->在cmd中輸入javac,然后Enter,顯示javac用法即配置成功 *********************************************************************
步驟二:好了JDK安裝配置成功緊接下載YUI Compressor吧,點擊這里下載
將文件解壓運行就行,這個時候如果你右鍵點擊文件會多了一個選項,如下圖所示:
最后就會生成如下所示的文件
嘿嘿,這兩個文件大小相差一倍哦,趕緊試試去吧!
后記
來學校竟然把鑰匙忘在家里了,悲催,只好翻進來,如此狼狽,剩下的兩天怎么辦啊,傷不起!!!
------如果你覺得此文對你有所幫助,別忘了點擊下右下角的推薦咯,謝謝!------