国内常用的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 相关文章推荐
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
jquery学习总结(超级详细)
Sep 04 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
详解Node.js如何处理ES6模块
May 15 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 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以ROOT权限执行系统命令的方法
2011/02/10 PHP
php 购物车完整实现代码
2014/06/05 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
pandas对指定列进行填充的方法
2018/04/11 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
副董事长岗位职责
2014/04/02 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
施工员岗位职责
2015/02/10 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
mysql 生成连续日期及变量赋值
2022/03/20 MySQL
python中urllib包的网络请求教程
2022/04/19 Python
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js