國內常用的js類庫大全(CDN公共庫)
國內站點經常使用的一些 CDN 靜態資源公共庫加速服務
web開發人員們的福利來了。。旨在為大家提供更快很多其它更好的靜態資源庫的CDN載入庫方案!
CDN公共庫是指將經常使用的JS庫存放在CDN節點,以方便廣大開發人員直接呼叫。
與將JS庫存放在server單機上相比,CDN公共庫更加穩定、快速。一 般的CDN公共庫都會包括全球全部最流行的開源JavaScript、JQuery等庫。你能夠在自己的網頁上直接通過script標記引用這些資源。這樣做不僅能夠為您 節省流量。還能通過CDN加速。獲得更快的訪問速度。注意站點要支援ssl的有些資源慎用。最好的方法就下載到站點的相應資料夾,然後程式碼呼叫就可以。
當然。用別人的 CDN 都是不保險的。所以建議在 CDN 讀取失敗的時候從自己server提供:下面是jquery為例,其他js也會定義類名,不過js不同的判斷,但原理都是一樣的。
<script src="//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>
或者下面的程式碼
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/skin/js/jquery.js' type='text/javascript'%3E%3C/script%3E")); } </script>
記得本地放置一份js檔案。
例如viewer.js
<script type="text/javascript" src='//cdn.staticfile.org/viewerjs/1.5.0/viewer.min.js'></script> <script type="text/javascript"> if ('undefined' == typeof(window.Viewer)) { document.write(unescape("%3Cscript src='/skin/js/viewer.min.js' type='text/javascript'%3E%3C/script%3E")); } var viewer = new Viewer(document.getElementById('content')); </script>
前期測試的時候大家可以在chrome瀏覽器中的F12 console.log輸出測試。
BootCDN
穩定、快速、免費的前端開源專案 CDN 加速服務
附帶搜尋,編輯好格式可以直接複製
BootCDN 是 貓雲 聯合 Bootstrap 中文網 共同支援並維護的前端開源專案免費 CDN 服務,致力於為 Bootstrap、jQuery、React、Vue.js 一樣優秀的前端開源專案提供穩定、快速的免費 CDN 加速服務。BootCDN 所收錄的開源專案主要同步於 cdnjs 開源專案倉庫。
百度靜態資源公共庫
百度的,支援搜尋,不支援直接複製
以前的js可以正常呼叫,不過目前已經不再提供索引服務。
新浪雲端計算CDN公共庫
不算很方便,需要自己單擊查詢
新浪雲端計算是新浪研發中心下屬的部門,主要負責新浪在雲端計算領域的戰略規劃。技術研發和平臺運營工作。
主要產品包含 應用雲平臺Sina App Engine(簡稱SAE)。
SAE的CDN節點覆蓋全國各大城市的多路(電信、聯通、移動、教育)骨幹網路。使開發人員可以方便的使用高質量的CDN服務。
七牛雲端儲存開放靜態檔案
像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免費提供的 JS 庫的儲存,但使用起來卻都有些侷限。由於他們僅僅提供了部分 JS 庫。但七牛雲端儲存提供一個儘可能全面收錄優秀開源庫的倉庫。並免費提供 CDN 加速服務。
國內知名雲端儲存,不過支援的js資源比較少。
我們的目標是提供這樣一個倉庫,讓它儘可能全面收錄優秀的開源庫,並免費為之提供 CDN 加速服務,使之有更好的訪問速度和穩定的環境。同時,我們也提供開源庫源接入的入口,讓所有人都可以提交開源庫,包括 JavaScript、CSS、圖片和 swf 等靜態檔案。
Ps:同一時候,開放靜態檔案CDN也提供開源庫源接入的入口,讓全部人都能夠提交開源庫,包含 JS、CSS、image 和 swf 等靜態檔案。
上面這幾個,我個人測試結果:百度雲應該是最快的, 又拍的服務太少,差點兒不用考慮.阿里雲據說也提供了公共CDN服務。但眼下官網找不到詳細服務頁面,臨時不說了
Google資源庫
國外訪問很快,國內被牆了,慎用
微軟資源庫
ASP.NET開發團隊推出的一個新的微軟Ajax CDN(Content Delivery Network,內容分發網路)服務,該服務提供了對AJAX庫(包含jQuery 和 ASP.NET AJAX)的快取支援。
該服務是免費的,不需不論什麼註冊。可用於商業性或非商業性用途。
官網:http://www.asp.net/ajaxlibrary/cdn.ashx
Ps:微軟出品。自然不會太差。
儘管在天朝,速度依舊不會太慢(當然比不上國內的其它cdn)。支援的不多
騰訊網靜態資源公共庫
企鵝大廠穩定,騰訊網靜態資源公共庫
騰訊FERD(前端研發中心),作為騰訊旗下入口網站QQ.com的主力前端團隊,負責整個站點的PC與移動web研發。我們關注前端行業發展,樂於分享和總結,在這裡您會看到我們團隊的動態資訊,以及我們推薦的最新最好的前端資訊與知識。
位元組跳動靜態資源公共庫
頭條抖音都在用的
cdnjs.net
免費開源前端公共庫
CDNJS 是一個網際網路上的 JavaScript 資料庫,類似 Google CDN 和微軟CDN服務,但是速度比這二者更加快。CDNJS 上提供了眾多 JavaScript 庫,你可以直接在網頁上引用這些 JS 檔案,實現使用者瀏覽網站的最佳速度體驗。
在網站裡可以找到 JavaScript 函式庫的 CDN 連結,是 cdnjs.cloudflare.com 開頭的,複製後丟進網站裡取代原有的連結位置即可。
又拍雲JS庫CDN服務
又拍雲端儲存是杭州緯聚網路有限公司旗下專案,成立於2005年6月。前期主要為又拍網、又拍圖片管家提供圖片雲端儲存/雲端計算服務,於2010年2月對全部使用者開放使用。
主要專注於海量小檔案的儲存與分發及圖片雲端計算領域。提供的兩大核心服務:靜態檔案雲端儲存、CDN加速處理。
官網:http://jscdn.upai.com/
Ps:又拍雲js庫提供了經常使用的JavaScript庫CDN服務。算是起步較早的cdn加速服務了。速度和穩定性也不錯。
jsDelivr
MaxCDN是一家價格相對照較廉價的CDN公司,在全球分佈著眾多的節點。 jsDelivr是基於MaxCDN的一個免費開源的 CDN 解決方式。用於幫助開發人員和站長。jsDelivr包括 JavaScript 庫、jQuery 外掛、CSS 框架、字型等等 Web 上經常使用的靜態資源。
官網:http://www.jsdelivr.com/
Ps:每一款CDN的節點數量都是大家所關心的。jsDelivr總共提供著13個節點。
載入速度和CDNJS基本差點兒相同,國內使用者建議使用國內CDN服務最佳。
大家能夠自己測試看看。
缺點爆料:看了下 百度 360 新浪 七牛 還有上面2個 jquery 都不夠新,另外要支援 http https 協議 又要更新勤快的臨時還沒有。
總結:這些CDN公共庫大都各具特色。
大家能夠自己選擇性去使用。速度和穩定性以國內的百度和新浪為最佳(當然這是個人意見)不過現在百度不能用了,新浪更新不及時,當前推薦使用bootcss、騰訊、位元組跳動。鑑於Google已經被牆,全部關於Google的服務大家還是儘快轉移陣地,使用國內的CDN公共庫服務吧。