CDN公共庫是指將常用的JS庫存放在CDN節點,以方便廣大開發者直接調用。
與將JS庫存放在服務器單機上相比,CDN公共庫更加穩定、高速。
一般的CDN公共庫都會包含全球所有最流行的開源JavaScript、JQuery等庫,可以在自己的網頁上直接通過<script>
標記引用這些資源。
這樣做不僅可以節省流量,還能通過CDN加速,獲得更快的訪問速度。
1 國內
- BootCDN – http://www.bootcdn.cn/
- CDNBee – https://cdnbee.com/
- 新浪雲計算公共庫 – http://lib.sinaapp.com/
- 百度靜態資源公共庫 – http://cdn.code.baidu.com/
- 奇虎360前端靜態資源庫(新版) – https://cdn.baomitu.com/
- 極客族公共加速服務 – https://cdn.geekzu.org/cached.html
- 又拍雲常用JS庫CDN服務 – http://jscdn.upai.com/
- 七牛靜態資源CDN服務 – https://www.staticfile.org/
- 360網站衛士CDN前端公共庫 – http://libs.useso.com/
- CDNJS.NET – http://cdnjs.net/
2 國外
- Jquery CDN – http://code.jquery.com/
- CDNJS – https://cdnjs.com/
- Google Hosted Libraries – https://developers.google.com/speed/libraries/
- Microsoft ASP.net CDN – http://www.asp.net/ajaxlibrary/cdn.ashx
- jsDelivr – http://www.jsdelivr.com/
3 說明
這些CDN公共庫大都各具特色。大家可以自己選擇性去使用。
其中,百度會限制在本地引用其靜態資源,在開發時不太方便。
另外,用別人的 CDN 都是不保險的,所以建議在 CDN 讀取失敗的時候,從自己服務器提供:
<script src="https:// http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js "></script> <script> if (!window.jQuery) { var script = document.createElement('script'); script.src = "/js/jquery.min.js"; document.body.appendChild(script); } </script>
參考資料:
- 國內網站常用的一些 CDN 靜態資源公共庫加速服務
- 國內常用免費靜態CDN公共庫加速資源服務集合