国内常用的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 相关文章推荐
jquery控制左右箭头滚动图片列表的实例
May 20 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
动态加载js、css的实例代码
May 26 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
让IDE识别webpack的别名alias的实现方法
May 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
php下使用curl模拟用户登陆的代码
2010/09/10 PHP
PHP学习 变量使用总结
2011/03/24 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
php-msf源码详解
2017/12/25 PHP
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
js实现全国省份城市级联下拉菜单效果代码
2015/09/07 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
three.js中3D视野的缩放实现代码
2017/11/16 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
python向图片里添加文字
2019/11/26 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
一套C#面试题
2013/10/09 面试题
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
现金出纳岗位职责
2014/03/15 职场文书
社区平安建设方案
2014/05/25 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android