jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化

標題: cdnjs - 資源豐富的前端 CDN！ [打印本頁]

作者: wmh 時間: 2013-8-4 16:40 標題: cdnjs - 資源豐富的前端 CDN！

cdnjs 收集了許多前端開發會用到的程式庫、框架和圖檔等資源，包括大家常見的 jQuery、Bootstrap，總計有超過 400 多組前端資源免費供大家使用。和先前介紹的 Google AJAX Libraries API 用法相似，不過得明確指定你需要的程式版本，比如說 jQuery：

jQuery v2.0.3:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

jQuery v1.10.2:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

或是 Bootstrap：

Boostrap v2.3.2

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css"  rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css"  rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

Boostrap v3.0.0-rc1

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc1/css/bootstrap.min.css"  rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>

PS. 雖然 Bootstrap 官方推薦使用 NETDNA 提供的 CDN，但是對於台灣用戶為主的網站，我會建議改用 cdnjs 所提供的檔案，連線速度快很多喔！

使用 cdnjs 有幾個好處：

cdnjs 比 Google CDN 提供了更多的資源可用，包括 Bootstrap
cdnjs 在亞洲有多個點，連到台灣最近的香港機房速度還算不錯
所有的程式、資源都託管在 github，如果擔心哪天連不上這項服務，可以自己做備援主機並定時更新
如果沒有自己使用中的程式庫或資源，可以上 github 自己提交 pull request，只要不要太冷門的程式都有機會被收納！

完整資源列表請參考官方首頁：http://cdnjs.com/

歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)