CDN (Content delivery network) 指的是內容派送服務網路,也就是說將你要載入的『內容』,透過這個特定網路系統來派送。
內容傳遞網路的總承載量可以比單一骨幹最大的頻寬還要大。這使得內容傳遞網路可以承載的使用者數量比起傳統單一伺服器多。也就是說,若把有100Gbps處理能力的伺服器放在只有10Gbps頻寬的資料中心,則亦只能發揮出10Gbps的承載量。但如果放到十個有10Gbps的地點,整個系統的承載量就可以到10*10Gbps。同時,將伺服器放到不同地點,可以減少互連的流量,進而降低頻寬成本。
jQuery CDN
google CDN
1 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
1 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> |
如何直接在網頁上使用google提供的JQuery Lib.
例如上方要換成版本1.11.3,只要改對應的路徑就可以了。因為JQuery有很多版本,就不用把東西放到自己的網站上,而且隨時可以更換版本嘗試,還滿方便
下面是他的版本:2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3
Microsoft CDN
1 | <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script> |
jQuery 官網 CDN
1 2 | <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> |
其他補充
jQuery Migrate
jQuery1.9後的規格變化較大,將使用頻率較低或重復的功能移除,也作了一些細部調整,因此又因應此情況發佈了 jQuery Migrate 外掛,主要用來偵測被刪除的舊功能是否可使用。參考資料:jQuery 1.9升級指南
1 2 | <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> |
當然JQuery也要搭配她的UI去使用,下方的1.11.4/themes/smoothness/jquery-ui.css
只要加上這段就可以用,部過一般來說,JQuery用1.8.3,UI也是配1.8.3比較不會有問題。部過如果真的沒有,也不要用版本號差異太多的。像1.8.3沒有UI,我就會挑1.8.4。
下面是他的版本:1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2
1 | <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> |
1 | <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> |