国内常用的js类库大全(CDN公共库)


Posted in Javascript onJune 24, 2020

国内站点经常使用的一些 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 等静态文件。
上面这几个,我个人?y试结果:百度云应该是最快的, 又拍的服务太少,差点儿不用考虑.阿里云据说也提供了公共CDN服务。但眼下官网找不到详细服务页面,临时不说了

Google资源库

国外访问很快,国内被墙了,慎用

微软资源库

ASP.NET开发团队推出的一个新的微软Ajax CDN(Content Delivery Network,内容分发网络)服务,该服务提供了对AJAX库(包含jQuery 和 ASP.NET AJAX)的缓存支持。

该服务是免费的,不需不论什么注?浴?捎糜谏桃敌曰蚍巧桃敌杂猛尽?/p>

官网: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服务最佳。

大家能够自己?y试看看。

缺点爆料:看了下 百度 360 新浪 七牛 还有上面2个 jquery 都不够新,另外要支持 http https 协议 又要更新勤快的临时还没有。

总结:这些CDN公共库大都各具特色。

大家能够自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)不过现在百度不能用了,新浪更新不及时,当前推荐使用bootcss、腾讯、字节跳动。鉴于Google已经被墙,全部关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。

Javascript 相关文章推荐
ExtJS 下拉多选框lovcombo
May 19 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
JavaScript数据结构与算法之链表
Jan 29 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
viewer.js实现图片预览功能
Jun 24 #Javascript
Javascript实现鼠标移入方向感知
Jun 24 #Javascript
javascript实现前端input密码输入强度验证
Jun 24 #Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 #Javascript
jQuery实时统计输入框字数及限制
Jun 24 #jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 #jQuery
JS forEach跳出循环2种实现方法
Jun 24 #Javascript
You might like
phpfans留言版用到的install.php
2007/01/04 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
JQuery浮动DIV提示信息并自动隐藏的代码
2010/08/29 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
JS中常用的消息框总结
2018/02/24 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
iView框架问题整理小结
2018/10/16 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python采用raw_input读取输入值的方法
2014/08/18 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
python飞机大战pygame游戏框架搭建操作详解
2019/12/17 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
异步传递消息系统的作用
2016/05/01 面试题
成教自我鉴定
2013/10/27 职场文书
《雕塑之美》教学反思
2014/04/24 职场文书
临时用工协议书范本
2014/10/29 职场文书
优秀创业计划书分享
2019/07/19 职场文书
七年级作文之雪景
2019/11/18 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL