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

wmh 發表於 2013-8-4 16:40

cdnjs - 資源豐富的前端 CDN!

[url=http://cdnjs.com/]cdnjs[/url] 收集了許多前端開發會用到的程式庫、框架和圖檔等資源,包括大家常見的 jQuery、Bootstrap,總計有超過 400 多組前端資源免費供大家使用。和先前介紹的 [url=http://jsgears.com/thread-79-1-1.html]Google AJAX Libraries API[/url] 用法相似,不過得明確指定你需要的程式版本,比如說 jQuery:[list]
[*]jQuery v2.0.3:[code]<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>[/code][*]jQuery v1.10.2:[code]<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>[/code][/list]或是 Bootstrap:[list]
[*] Boostrap v2.3.2[code]
<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>
[/code][*] Boostrap v3.0.0-rc1[code]
<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>
[/code][/list][color=Magenta]PS. 雖然 Bootstrap 官方推薦使用 NETDNA 提供的 CDN,但是對於台灣用戶為主的網站,我會建議改用 cdnjs 所提供的檔案,連線速度快很多喔![/color]

使用 cdnjs 有幾個好處:[list]
[*] cdnjs 比 Google CDN 提供了更多的資源可用,包括 Bootstrap
[*] cdnjs 在亞洲有多個點,連到台灣最近的香港機房速度還算不錯
[*] 所有的程式、資源都託管在 github,如果擔心哪天連不上這項服務,可以自己做備援主機並定時更新
[*] 如果沒有自己使用中的程式庫或資源,可以上 github 自己提交 pull request,只要不要太冷門的程式都有機會被收納!
[/list]
完整資源列表請參考官方首頁:[url]http://cdnjs.com/[/url]

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.