jquery中cdn的作用

億速云內(nèi)容分發(fā)網(wǎng)絡(luò)（Content Delivery Network，簡(jiǎn)稱CDN）是建立并覆蓋在承載網(wǎng)之上，由分布在不同區(qū)域的邊緣節(jié)點(diǎn)服務(wù)器群組成的分布式網(wǎng)絡(luò)。億速云CDN分擔(dān)源站壓力，避免網(wǎng)絡(luò)擁塞，確保在不同區(qū)域、不同場(chǎng)景下加速網(wǎng)站內(nèi)容的分發(fā)，提高資源訪問(wèn)速度。許多用戶在實(shí)際運(yùn)用CDN的過(guò)程中都會(huì)遇到如何有效開發(fā)CDN的問(wèn)題，今天億速云跟大家探討下最近前端開發(fā)最常見也是最流行的javascript庫(kù)中CDN在其中起到何種作用。

jQuery是前端開發(fā)最常見也是最流行的javascript庫(kù)，如何去加載它才能使我們的項(xiàng)目性能更好以及問(wèn)什么要用CDN？

當(dāng)用戶訪問(wèn)自己的站點(diǎn)時(shí)從服務(wù)器加載文件，每個(gè)服務(wù)器同時(shí)只能下載2-4個(gè)文件，這樣就會(huì)降低文件的執(zhí)行效率，如果多用幾個(gè)服務(wù)器，這樣同時(shí)加載文件的個(gè)數(shù)就是(2-4)*服務(wù)器個(gè)數(shù)，所以我們把jQuery放到CDN上就是為了提高網(wǎng)站加載文件的效率。

下面就講講常用的jQuery的CDN

國(guó)外的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官網(wǎng)
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"

國(guó)內(nèi)的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"

總結(jié)：

除國(guó)外的谷歌和CDNJS的服務(wù)外，國(guó)內(nèi)的庫(kù)均不支持HTTPS環(huán)境，可惜的是國(guó)內(nèi)用戶加載起來(lái)比較慢，如果把自己網(wǎng)站架設(shè)在國(guó)外可以優(yōu)先考慮使用。如果CDN加載失敗時(shí)，我們需要加載自己本地的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有什么用的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注億速云其它相關(guān)文章！