首頁 > web前端 > js教程 > jquery中cdn有什麼用

jquery中cdn有什麼用

(*-*)浩
發布: 2019-05-30 11:07:49
原創
4680 人瀏覽過

jQuery是前端開發最常見也是最受歡迎的javascript函式庫,如何去載入它才能讓我們的專案表現更好以及問什麼要用CDN?

當使用者訪問自己的網站時從伺服器載入文件,每個伺服器同時只能下載2-4個文件,這樣就會降低文件的執行效率,如果多用幾個伺服器,這樣同時載入檔案的個數就是(2-4)*伺服器個數,所以我們把jQuery放到CDN上就是為了提高網站載入檔案的效率。

jquery中cdn有什麼用

下面就來講常用的jQuery的CDN

#國外的CDN:

//Google Hosted Libraries
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
//Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
//CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
//jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
//jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
登入後複製

國內的CDN:

//百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
//七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
//新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
//又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
//360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
登入後複製

總結:

###除國外的谷歌和CDNJS的服務外,國內的庫均不支援HTTPS環境,可惜的是國內用戶加載起來比較慢,如果把自己網站架設在國外可以優先考慮使用。如果CDN載入失敗時,我們需要載入自己本地的jQuery文件,只需要在頭部加上下面的程式碼就可以###
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>
登入後複製

以上是jquery中cdn有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板