返回列表 發帖

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/
To infinity and beyond!

返回列表 回復 發帖