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

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

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

    張慧的博客

    張慧的博客

      BlogJava :: 首頁 :: 聯(lián)系 :: 聚合  :: 管理
      45 Posts :: 0 Stories :: 24 Comments :: 0 Trackbacks
    使用谷歌jquery庫文件的理由
    近前端開發(fā)看到,那些引用jquery的文件那些網(wǎng)站,好多是使用谷歌的庫;像這樣的<script type=”text/javascript”src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js“></script>(最近發(fā)展到1.7.1版本的,好神速吶,前兩天還看到一哥們用的1.2.6感慨啊。。。。)
    像上面這樣加載jquery通過谷歌的CDN-Content Delivery Network(內(nèi)容分發(fā)網(wǎng)絡(luò))來讓你的網(wǎng)站加載jquery庫文件。有的同學(xué)可能會問了,為什么要加載谷歌的jquery庫文件呢?(PS:我們一般不 都是加載自己服務(wù)器上的jquery庫文件的嗎?)。呵呵~~之前也和大家一樣想的,也一直都是加載自己的服務(wù)器上的jquery文件。
    下面我來和大家說說,使用谷歌加載jquery庫文件的好處。
    1,增加網(wǎng)頁的同時(shí)載入速度
    為了避免服務(wù)的過載,瀏覽器限制了同時(shí)連接的數(shù)目,依據(jù)不同的瀏覽器,這個(gè)限制可能是每個(gè)機(jī)房僅僅兩個(gè)之少。
    使用谷歌的AJAX內(nèi)容服務(wù)網(wǎng)絡(luò)來響應(yīng)你的網(wǎng)站,使你本地服務(wù)器上更多服務(wù)可以同時(shí)進(jìn)行。
    2,減少等待時(shí)間
    大家應(yīng)該也差不多,在感慨jquery的強(qiáng)大,也在感慨jquery的團(tuán)隊(duì)也是如此之強(qiáng)大,呵呵~現(xiàn)在最新的jquery已經(jīng)出到1.7.1版本了呢,但是讓人很不爽的是即使是mini壓縮過后的代碼都有83.2KB。但是不知道大家有沒有去官方首頁看過。
    CDN-Content Delivery Network(內(nèi)容分發(fā)網(wǎng)絡(luò))的縮寫,通過各種各樣的服務(wù)途徑把你的一些靜態(tài)內(nèi)容分散開來,當(dāng)用戶的瀏覽器提交這些文件的鏈接請求,他們便會自動下載網(wǎng)絡(luò)上最近的可用的文件。
    因?yàn)檫@個(gè)原因:任何使用你的服務(wù)的用戶從谷歌下載JQuery庫都將獲得比從你自己的服務(wù)器上下載更快的速度。其實(shí)有很多的CDN服務(wù)可與谷歌的相比擬,但是他們很難超越谷歌的免費(fèi)服務(wù)的優(yōu)勢,這個(gè)益處足以決定問題,但這僅僅是一部分。
    3,更好的緩存
    利用谷歌AJAX圖書館內(nèi)容發(fā)布服務(wù)的最大好處是你的用戶根本不需要下載jQuery. 不論你的緩存多么強(qiáng)大,如果你用自己的服務(wù)器提供jQuery,那么你的用戶至少要下載一次它,某個(gè)用戶很有可能在他們?yōu)g覽器的緩存區(qū)里下載了許多完全相 同的jQuery.min.js的拷貝版本,但是當(dāng)他們第一次訪問你的網(wǎng)站的時(shí)候,這些拷貝版本會被忽略。
    另一方面,當(dāng)瀏覽器檢測到同樣版本的指向谷歌的鏈接,它就會知道這是下載同一個(gè)文件,不僅是谷歌的服務(wù)器會返回一個(gè)304(不需要修改文件的指令,即服務(wù)器上的文件未改動過)來回復(fù)一個(gè)重復(fù)的請求,而且會命令瀏覽器的緩存該文件長達(dá)一年的時(shí)間。http://www.jqueryba.com/14.html
    這意味著即使一些人訪問了數(shù)百的使用谷歌服務(wù)的jQuery網(wǎng)站,他們只需要下載一次就夠了。
    不過好像最近天朝對谷歌的東西有點(diǎn)反感呀,就像以前谷歌生氣出走香港一樣,有的時(shí)候谷歌的東西會打不開,那么會不會有一天使用這種方式加載jquery庫文件也會失敗呢?呵呵~~萬事皆有可能,呵呵~不要緊,此處有一個(gè)萬全的方法:
     <script type=text/javascript src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>
    <script>!window.jQuery && document.write(‘<script src=”jquery-1.7.1.min.js”><\/script >’);</script>
    將上面的代碼放到你的html代碼的頭部。意義是這樣的:首先去加載谷歌的jquery庫文件,如果沒有加載成功的話,那么就只好加載自己服務(wù)器上的jquery庫文件咯。
    posted on 2012-08-01 21:43 張慧 閱讀(1152) 評論(1)  編輯  收藏

    Feedback

    # re: 使用谷歌jquery庫文件的理由 2012-08-02 12:40 Unmi
    CDN 還可以使得你從最近的服務(wù)器加載你要的資源  回復(fù)  更多評論
      


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


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲熟妇av午夜无码不卡| 亚洲av无码国产精品夜色午夜| 亚洲欧洲日产国码在线观看| 99久久免费看国产精品| 国产亚洲精品一品区99热| 久久国产免费直播| 国产精品亚洲高清一区二区 | 免费精品人在线二线三线区别| 亚洲成AV人片一区二区密柚| 无码免费一区二区三区免费播放| 亚洲爆乳无码一区二区三区| 久久精品视频免费播放| 亚洲综合一区二区国产精品| 成人福利免费视频| 亚洲欧美熟妇综合久久久久| 国产精品无码一区二区三区免费| 日韩免费高清一级毛片| 亚洲精品成人无码中文毛片不卡 | 亚洲免费电影网站| 亚洲AV成人一区二区三区在线看| 日本免费网站观看| 一级一片免费视频播放| 亚洲美女视频免费| 精品久久久久久久免费人妻| 国产99精品一区二区三区免费| 亚洲国产高清人在线| 免费国产作爱视频网站| 香港经典a毛片免费观看看| 青青草原亚洲视频| 麻豆视频免费播放| 国产天堂亚洲精品| 久久精品国产亚洲AV无码娇色 | 国产乱子伦精品免费视频| 亚洲国产精品久久久久婷婷软件 | 亚洲一区二区免费视频| 国产免费牲交视频| 无码精品一区二区三区免费视频| 亚洲熟妇无码一区二区三区| 国产偷v国产偷v亚洲高清| 国内免费高清在线观看| 国产无遮挡色视频免费观看性色|