<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)航:
     
    主站蜘蛛池模板: 老妇激情毛片免费| 日韩国产欧美亚洲v片| 在线观看免费无码视频| 亚洲成?v人片天堂网无码| 亚洲精品无码国产片| 午夜高清免费在线观看| 亚洲精品456人成在线| 久久久久国产精品免费免费搜索 | 成全高清视频免费观看| 日本亚洲免费无线码 | 亚洲电影在线免费观看| 无码国产精品一区二区免费虚拟VR| 亚洲理论片在线观看| 成人午夜免费福利视频| 亚洲第一成年免费网站| 国产成人一区二区三区免费视频| 免费一级毛suv好看的国产网站| 免费人成视频在线观看不卡| fc2成年免费共享视频网站| 国产日韩亚洲大尺度高清| 在线观看免费视频资源| 亚洲人AV在线无码影院观看| 日韩免费观看视频| 九九全国免费视频| 亚洲av日韩av高潮潮喷无码| 国产高清免费视频| 丰满亚洲大尺度无码无码专线 | 日韩免费无码一区二区视频| 免费国产黄网站在线看| 亚洲AV永久精品爱情岛论坛| 桃子视频在线观看高清免费完整| 亚洲色偷偷综合亚洲AV伊人蜜桃| 亚洲国产小视频精品久久久三级| 在线看片免费人成视频福利| 久久精品国产亚洲AV久| 亚洲人成网站18禁止一区| 色欲A∨无码蜜臀AV免费播 | 亚洲狠狠成人综合网| 亚洲无线一二三四区手机| 18级成人毛片免费观看| 免费看一级高潮毛片|