CSS文件和Javascript文件的壓縮


像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吧,點擊這里下載

將文件解壓運行就行,這個時候如果你右鍵點擊文件會多了一個選項,如下圖所示:

  

最后就會生成如下所示的文件

嘿嘿,這兩個文件大小相差一倍哦,趕緊試試去吧!

后記

  來學校竟然把鑰匙忘在家里了,悲催,只好翻進來,如此狼狽,剩下的兩天怎么辦啊,傷不起!!!

  ------如果你覺得此文對你有所幫助,別忘了點擊下右下角的推薦咯,謝謝!------


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM