<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 15,comments - 29,trackbacks - 0

            現(xiàn)在的系統(tǒng)為了得到更好的用戶體驗(yàn),都加入了ajax的特效,只要用到了ajax的代碼,就會(huì)引來(lái)一大堆js代碼,這些代碼其實(shí)也挺占用帶寬的,為了使網(wǎng)頁(yè)加載得更快,決定在項(xiàng)目中才用網(wǎng)上流行的js壓縮器來(lái)壓縮代碼。壓縮后的代碼基本可以抽掉40%左右的脂肪。
     
            找到幾個(gè)壓縮器,發(fā)現(xiàn)很多壓縮器壓縮后的js代碼都出現(xiàn)這樣或那樣的問(wèn)題

    ESC 1.14   http://www.saltstorm.net/depo/esc/?pod=js   壓縮后有些中文會(huì)出現(xiàn)問(wèn)號(hào)(我的js代碼是用utf-8格式)
    jsmin http://www.crockford.com/javascript/jsmin.html   壓縮后有些中文會(huì)出現(xiàn)問(wèn)號(hào)
    dean edwards的packer http://dean.edwards.name/packer/ 壓縮后的js代碼會(huì)出現(xiàn)部分分號(hào)或大括號(hào)丟失,導(dǎo)致語(yǔ)法錯(cuò)誤


    最后找到了yuicompressor-2.3.4 http://developer.yahoo.com/yui/compressor/ 感覺(jué)很好用,壓縮后無(wú)損代碼,而且連css也可以壓縮,壓縮的時(shí)候很多參數(shù)可以設(shè)置,可以制定js代碼的編碼格式等,java運(yùn)行,本人寫(xiě)了一個(gè)bat批處理遍歷制定文件夾里面的所有js和css文件進(jìn)行壓縮。

    項(xiàng)目中用到網(wǎng)上流行的ext2 js庫(kù),所以項(xiàng)目中有很多js代碼,于是寫(xiě)的bat遍歷文件壓縮代碼

    (dir %1 /aa //s  | findstr //c:"js">tmp.txt
    for /%%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type js --charset utf-8 -%%i.tmp %%i  & copy %%i".tmp" %%& del %%i".tmp"


    (dir 
    %1 /aa //s  | findstr //c:"css">tmp.txt
    for /%%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type css --charset utf-8 -%%i.tmp %%i  & copy %%i".tmp" %%& del %%i".tmp"


    保存為  jscompressor.bat 運(yùn)行的時(shí)候在輸入 jscompressor <path>  (<path>是我們指定的路徑) 就可以批量進(jìn)行壓縮,壓縮后替換壓縮前的代碼。



    下面是一些參數(shù)的說(shuō)明。

    ==============================================================================
    YUI Compressor
    ==============================================================================

    NAME

      YUI Compressor 
    - The Yahoo! JavaScript and CSS Compressor

    SYNOPSIS

      Usage: java 
    -jar yuicompressor-x.y.z.jar [options] [input file]

      Global Options
        
    -h, --help                Displays this information
        
    --type <js|css>           Specifies the type of the input file
        
    --charset <charset>       Read the input file using <charset>
        
    --line-break <column>     Insert a line break after the specified column number
        
    -v, --verbose             Display informational messages and warnings
        
    -<file>                 Place the output into <file>. Defaults to stdout.

      JavaScript Options
        
    --nomunge                 Minify only, do not obfuscate
        
    --preserve-semi           Preserve all semicolons
        
    --disable-optimizations   Disable all micro optimizations

    DESCRIPTION

      The YUI Compressor is a JavaScript compressor which, in addition to removing
      comments and white
    -spaces, obfuscates local variables using the smallest
      possible variable name. This obfuscation is safe, even when using constructs
      such as 
    'eval' or 'with' (although the compression is not optimal is those
      cases) Compared to jsmin, the average savings is around 
    20%.

      The YUI Compressor is also able to safely compress CSS files. The decision
      on which compressor is being used is made on the file extension (js or css)

    GLOBAL OPTIONS

      
    -h, --help
          Prints help on how to use the YUI Compressor

      
    --line-break
          Some source control tools don
    't like files containing lines longer than,
          say 8000 characters. The linebreak option is used in that case to split
          
    long lines after a specific column. It can also be used to make the code
          more readable, easier to debug (especially with the MS Script Debugger)
          Specify 
    0 to get a line break after each semi-colon in JavaScript, and
          after each rule in CSS.

      
    --type js|css
          The type of compressor (JavaScript or CSS) is chosen based on the
          extension of the input file name (.js or .css) This option is required
          
    if no input file has been specified. Otherwise, this option is only
          required 
    if the input file extension is neither 'js' nor 'css'.

      
    --charset character-set
          If a supported character set is specified, the YUI Compressor will use it
          to read the input file. Otherwise, it will assume that the platform
    's
          default character set is being used. The output file is encoded using
          the same character set.

      
    -o outfile
          Place output in file outfile. If not specified, the YUI Compressor will
          
    default to the standard output, which you can redirect to a file.

      
    -v, --verbose
          Display informational messages and warnings.

    JAVASCRIPT ONLY OPTIONS

      
    --nomunge
          Minify only. Do not obfuscate local symbols.

      
    --preserve-semi
          Preserve unnecessary semicolons (such as right before a 
    '}') This option
          is useful when compressed code has to be run through JSLint (which is the
          
    case of YUI for example)

      
    --disable-optimizations
          Disable all the built
    -in micro optimizations.





     

    posted on 2008-06-19 00:45 流腥魚(yú) 閱讀(1988) 評(píng)論(4)  編輯  收藏 所屬分類: Javascript

    FeedBack:
    # re: js瘦身有道--選好合適的減肥藥
    2008-06-19 09:07 | HiMagic!
    的確,現(xiàn)在JS類庫(kù)滿天飛,為了個(gè)ajax有些不甘心引入那么大一坨代碼。作為程序員,作為軟件開(kāi)發(fā)者,最好能從中找到自己需要的核心代碼,在需要時(shí)把它們拿出來(lái)。  回復(fù)  更多評(píng)論
      
    # re: js瘦身有道--選好合適的減肥藥
    2008-06-19 14:16 | BeanSoft
    計(jì)劃做個(gè)yuicompressor的外殼,要不然敲命令太頭大了。  回復(fù)  更多評(píng)論
      
    # re: js瘦身有道--選好合適的減肥藥
    2008-06-20 17:27 | Jacky-Q
    用JSA來(lái)壓縮如何呢?  回復(fù)  更多評(píng)論
      
    # re: js瘦身有道--選好合適的減肥藥
    2008-07-09 17:13 | wzjcool
    yuicompressor-2.3.5.jar

    jar是nokia手機(jī)的格式吧,在PC上如何安裝呢,望大師指點(diǎn)  回復(fù)  更多評(píng)論
      

    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 免费网站看v片在线香蕉| 午夜亚洲国产理论秋霞| baoyu122.永久免费视频| 久久久久亚洲AV片无码下载蜜桃| 日韩版码免费福利视频| 免费的黄网站男人的天堂| 亚洲午夜在线电影| 国产a不卡片精品免费观看| 最好免费观看高清在线| 亚洲αⅴ无码乱码在线观看性色| 亚洲国产综合无码一区| 女人18毛片a级毛片免费| 日韩a级无码免费视频| 亚洲精品国产高清在线观看| 亚洲AV无码专区国产乱码4SE| 在线成人a毛片免费播放 | 国产福利电影一区二区三区,免费久久久久久久精 | 亚洲国产综合精品中文第一| 最新国产AV无码专区亚洲| 毛片免费观看网址| 在线成人精品国产区免费| 99精品一区二区免费视频| 中文字幕亚洲精品资源网| 国产成人3p视频免费观看| 91麻豆国产免费观看| 国产免费久久久久久无码| 亚洲欧美国产欧美色欲| 久久精品国产亚洲AV高清热| 亚洲国产婷婷香蕉久久久久久| 又粗又大又黑又长的免费视频| 国产午夜无码精品免费看动漫| 亚洲av日韩aⅴ无码色老头| 亚洲男女一区二区三区| 亚洲色成人网站WWW永久| 国产成人高清精品免费软件| 国产精品美女午夜爽爽爽免费| 免费精品无码AV片在线观看| 国产免费福利体检区久久| 美女羞羞视频免费网站| 亚洲高清一区二区三区电影| 亚洲va乱码一区二区三区|