国内常用的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 相关文章推荐
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 Javascript
layer弹出层父子页面事件相互调用方法
Aug 17 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
vue源码中的检测方法的实现
Sep 26 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
第七节--类的静态成员
2006/11/16 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
PHP 配置后台登录以及模板引入
2017/01/24 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
vue mounted组件的使用
2018/06/18 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
js html实现计算器功能
2018/11/13 Javascript
python如何通过protobuf实现rpc
2016/03/06 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
pytorch之Resize()函数具体使用详解
2020/02/27 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
python实现自动打卡的示例代码
2020/10/10 Python
animation和transition的区别
2020/10/12 HTML / CSS
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
护理学专业推荐信
2013/12/03 职场文书
应用艺术毕业生的自我评价
2013/12/04 职场文书
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
模具毕业生推荐信
2014/02/15 职场文书
市场总经理岗位职责
2014/04/11 职场文书
python用tkinter开发的扫雷游戏
2021/06/01 Python
在项目中使用redis做缓存的一些思路
2021/09/14 Redis