1. 程式人生 > 程式設計 >國內常用的js類庫大全(CDN公共庫)

國內常用的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公共庫服務吧。