國內(nèi)常用的js類庫大全(CDN公共庫)
國內(nèi)站點(diǎn)經(jīng)常使用的一些 CDN 靜態(tài)資源公共庫加速服務(wù)
web開發(fā)人員們的福利來了。。旨在為大家提供更快很多其它更好的靜態(tài)資源庫的CDN載入庫方案!
CDN公共庫是指將經(jīng)常使用的JS庫存放在CDN節(jié)點(diǎn),以方便廣大開發(fā)人員直接調(diào)用。
與將JS庫存放在server單機(jī)上相比,CDN公共庫更加穩(wěn)定、快速。一 般的CDN公共庫都會(huì)包括全球全部最流行的開源JavaScript、JQuery等庫。你能夠在自己的網(wǎng)頁上直接通過script標(biāo)記引用這些資源。這樣做不僅能夠?yàn)槟?節(jié)省流量。還能通過CDN加速。獲得更快的訪問速度。注意站點(diǎn)要支持ssl的有些資源慎用。最好的方法就下載到站點(diǎn)的相應(yīng)文件夾,然后代碼調(diào)用就可以。
當(dāng)然。用別人的 CDN 都是不保險(xiǎn)的。所以建議在 CDN 讀取失敗的時(shí)候從自己server提供:下面是jquery為例,其他js也會(huì)定義類名,不過js不同的判斷,但原理都是一樣的。
<script src="http://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="http://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>
前期測試的時(shí)候大家可以在chrome瀏覽器中的F12 console.log輸出測試。
穩(wěn)定、快速、免費(fèi)的前端開源項(xiàng)目 CDN 加速服務(wù)
附帶搜索,編輯好格式可以直接復(fù)制
BootCDN 是 貓?jiān)?聯(lián)合 Bootstrap 中文網(wǎng) 共同支持并維護(hù)的前端開源項(xiàng)目免費(fèi) CDN 服務(wù),致力于為 Bootstrap、jQuery、React、Vue.js 一樣優(yōu)秀的前端開源項(xiàng)目提供穩(wěn)定、快速的免費(fèi) CDN 加速服務(wù)。BootCDN 所收錄的開源項(xiàng)目主要同步于 cdnjs 開源項(xiàng)目倉庫。
百度的,支持搜索,不支持直接復(fù)制
以前的js可以正常調(diào)用,不過目前已經(jīng)不再提供索引服務(wù)。
不算很方便,需要自己單擊查找
新浪云計(jì)算是新浪研發(fā)中心下屬的部門,主要負(fù)責(zé)新浪在云計(jì)算領(lǐng)域的戰(zhàn)略規(guī)劃。技術(shù)研發(fā)和平臺(tái)運(yùn)營工作。
主要產(chǎn)品包含 應(yīng)用云平臺(tái)Sina App Engine(簡稱SAE)。
SAE的CDN節(jié)點(diǎn)覆蓋全國各大城市的多路(電信、聯(lián)通、移動(dòng)、教育)骨干網(wǎng)絡(luò)。使開發(fā)人員可以方便的使用高質(zhì)量的CDN服務(wù)。
像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免費(fèi)提供的 JS 庫的存儲(chǔ),但使用起來卻都有些局限。由于他們僅僅提供了部分 JS 庫。但七牛云存儲(chǔ)提供一個(gè)盡可能全面收錄優(yōu)秀開源庫的倉庫。并免費(fèi)提供 CDN 加速服務(wù)。
國內(nèi)知名云存儲(chǔ),不過支持的js資源比較少。
我們的目標(biāo)是提供這樣一個(gè)倉庫,讓它盡可能全面收錄優(yōu)秀的開源庫,并免費(fèi)為之提供 CDN 加速服務(wù),使之有更好的訪問速度和穩(wěn)定的環(huán)境。同時(shí),我們也提供開源庫源接入的入口,讓所有人都可以提交開源庫,包括 JavaScript、CSS、圖片和 swf 等靜態(tài)文件。
Ps:同一時(shí)候,開放靜態(tài)文件CDN也提供開源庫源接入的入口,讓全部人都能夠提交開源庫,包含 JS、CSS、image 和 swf 等靜態(tài)文件。
上面這幾個(gè),我個(gè)人測試結(jié)果:百度云應(yīng)該是最快的, 又拍的服務(wù)太少,差點(diǎn)兒不用考慮.阿里云據(jù)說也提供了公共CDN服務(wù)。但眼下官網(wǎng)找不到詳細(xì)服務(wù)頁面,臨時(shí)不說了
國外訪問很快,國內(nèi)被墻了,慎用
ASP.NET開發(fā)團(tuán)隊(duì)推出的一個(gè)新的微軟Ajax CDN(Content Delivery Network,內(nèi)容分發(fā)網(wǎng)絡(luò))服務(wù),該服務(wù)提供了對AJAX庫(包含jQuery 和 ASP.NET AJAX)的緩存支持。
該服務(wù)是免費(fèi)的,不需不論什么注冊。可用于商業(yè)性或非商業(yè)性用途。
官網(wǎng):http://www.asp.net/ajaxlibrary/cdn.ashx
Ps:微軟出品。自然不會(huì)太差。
盡管在天朝,速度依舊不會(huì)太慢(當(dāng)然比不上國內(nèi)的其它c(diǎn)dn)。支持的不多
企鵝大廠穩(wěn)定,騰訊網(wǎng)靜態(tài)資源公共庫
騰訊FERD(前端研發(fā)中心),作為騰訊旗下門戶網(wǎng)站QQ.com的主力前端團(tuán)隊(duì),負(fù)責(zé)整個(gè)站點(diǎn)的PC與移動(dòng)web研發(fā)。我們關(guān)注前端行業(yè)發(fā)展,樂于分享和總結(jié),在這里您會(huì)看到我們團(tuán)隊(duì)的動(dòng)態(tài)信息,以及我們推薦的最新最好的前端資訊與知識。
頭條抖音都在用的
免費(fèi)開源前端公共庫
CDNJS 是一個(gè)互聯(lián)網(wǎng)上的 JavaScript 資料庫,類似 Google CDN 和微軟CDN服務(wù),但是速度比這二者更加快。CDNJS 上提供了眾多 JavaScript 庫,你可以直接在網(wǎng)頁上引用這些 JS 文件,實(shí)現(xiàn)用戶瀏覽網(wǎng)站的最佳速度體驗(yàn)。
在網(wǎng)站里可以找到 JavaScript 函式庫的 CDN 連結(jié),是 cdnjs.cloudflare.com 開頭的,復(fù)制后丟進(jìn)網(wǎng)站里取代原有的鏈接位置即可。
又拍云存儲(chǔ)是杭州緯聚網(wǎng)絡(luò)有限公司旗下項(xiàng)目,成立于2005年6月。前期主要為又拍網(wǎng)、又拍圖片管家提供圖片云存儲(chǔ)/云計(jì)算服務(wù),于2010年2月對全部用戶開放使用。
主要專注于海量小文件的存儲(chǔ)與分發(fā)及圖片云計(jì)算領(lǐng)域。提供的兩大核心服務(wù):靜態(tài)文件云存儲(chǔ)、CDN加速處理。
官網(wǎng):http://jscdn.upai.com/
Ps:又拍云js庫提供了經(jīng)常使用的JavaScript庫CDN服務(wù)。算是起步較早的cdn加速服務(wù)了。速度和穩(wěn)定性也不錯(cuò)。
MaxCDN是一家價(jià)格相對照較廉價(jià)的CDN公司,在全球分布著眾多的節(jié)點(diǎn)。 jsDelivr是基于MaxCDN的一個(gè)免費(fèi)開源的 CDN 解決方式。用于幫助開發(fā)人員和站長。jsDelivr包括 JavaScript 庫、jQuery 插件、CSS 框架、字體等等 Web 上經(jīng)常使用的靜態(tài)資源。
官網(wǎng):http://www.jsdelivr.com/
Ps:每一款CDN的節(jié)點(diǎn)數(shù)量都是大家所關(guān)心的。jsDelivr總共提供著13個(gè)節(jié)點(diǎn)。
載入速度和CDNJS基本差點(diǎn)兒相同,國內(nèi)用戶建議使用國內(nèi)CDN服務(wù)最佳。
大家能夠自己測試看看。
缺點(diǎn)爆料:看了下 百度 360 新浪 七牛 還有上面2個(gè) jquery 都不夠新,另外要支持 http https 協(xié)議 又要更新勤快的臨時(shí)還沒有。
總結(jié):這些CDN公共庫大都各具特色。
大家能夠自己選擇性去使用。速度和穩(wěn)定性以國內(nèi)的百度和新浪為最佳(當(dāng)然這是個(gè)人意見)不過現(xiàn)在百度不能用了,新浪更新不及時(shí),當(dāng)前推薦使用bootcss、騰訊、字節(jié)跳動(dòng)。鑒于Google已經(jīng)被墻,全部關(guān)于Google的服務(wù)大家還是盡快轉(zhuǎn)移陣地,使用國內(nèi)的CDN公共庫服務(wù)吧。
相關(guān)文章
Javascript WebSocket使用實(shí)例介紹(簡明入門教程)
網(wǎng)絡(luò)套接字是下一代WEB應(yīng)用程序雙向通信技術(shù),它是基于一個(gè)獨(dú)立的socket并且需要客戶端瀏覽器支持HTML52014-04-04JavaScript數(shù)據(jù)結(jié)構(gòu)和算法之圖和圖算法
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)和算法之圖和圖算法,本文講解了有向圖、無序圖、簡單圖、圖的遍歷等內(nèi)容,需要的朋友可以參考下2015-02-02簡單介紹JavaScript的變量和數(shù)據(jù)類型
這篇文章主要介紹了簡單介紹JavaScript的變量和數(shù)據(jù)類型,是JS入門中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06JavaScript 中的無窮數(shù)(Infinity)詳解
這篇文章主要介紹了JavaScript 中的無窮數(shù)(Infinity)的相關(guān)資料,非常的細(xì)致全面,有需要的小伙伴可以參考下2020-02-02javascript 基礎(chǔ)篇3 類,回調(diào)函數(shù),內(nèi)置對象,事件處理
在js中自定義一個(gè)類跟java c++就有比較大的區(qū)別了,因?yàn)檫@個(gè)格式用公式表達(dá)起來比較困難,大體說一下吧2012-03-03