国内常用的前端cdn Js公共库(静态资源库汇总)

时间: 2020-10-10阅读: 162标签: cdn

盘点常用的国内js类库希望能帮助到大家,下面类库都支持CDN,所以不用担心速度问题,就算某个节点慢也不会影响全国其他地区的访问速度,支持jQuery,Bootstrap,angular,zepto等js库的CDN地址。

CDN公共库是指将经常使用的JS库存放在CDN节点,以方便广大开发人员直接调用。

当然。用别人的 CDN 都是不保险的。所以建议在CDN读取失败的时候从自己server提供:下面是jquery为例,其他js也会定义类名,不过js不同的判断,但原理都是一样的。

<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "/js/jquery.min.js";
document.body.appendChild(script);
}
</script>

或者使用document.write方式:

<script type="text/JavaScript" src="//cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/JavaScript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/js/jquerymin.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>


BootCDN

稳定、快速、免费的前端开源项目 CDN 加速服务,共收录了3928个前端开源项目

BootCDN 是 猫云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、reactvue.js 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 开源项目仓库。

地址:https://www.bootcdn.cn/


新浪js库

新浪CDN,感觉很快,用的人很多,但js资源并不是很多,不算很方便

地址:http://lib.sinaapp.com/


Staticfile CDN

七牛云存储开放静态文件提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JavaScript、css、图片和 swf 等静态文件。

地址:http://www.staticfile.org/


Google资源库

Google出品,必属精品了。谷歌的公共CDN公共库应该是最强大的了,像其中的前卫的各种代码类库和Google Web Font字体库,国内几大公共CDN服务几乎都不提供支持。

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

地址:https://developers.google.com/speed/libraries/


微软资源库

ASP.NET开发团队推出的一个新的微软Ajax CDN(Content Delivery Network,内容分发网络)服务,该服务提供了对AJAX库(包含jQuery 和 ASP.NET AJAX)的缓存支持。
该服务是免费的,不需不论什么注冊。可用于商业性或非商业性用途。

地址:https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview


腾讯网静态资源公共库

企鹅大厂稳定,腾讯网静态资源公共库

腾讯FERD(前端研发中心),作为腾讯旗下门户网站QQ.com的主力前端团队,负责整个站点的PC与移动web研发。我们关注前端行业发展,乐于分享和总结,在这里您会看到我们团队的动态信息,以及我们推荐的最新最好的前端资讯与知识。

地址:https://libs.qq.com/


字节跳动静态资源公共库

头条抖音都在用的,字节跳动静态资源库支持多协议、资源动态拼接、快速检索及资源的动态更新,安全、稳定、实时。

地址:http://cdn.bytedance.com/


cdnjs.net

免费开源前端公共库,保护隐私,500+节点毫秒级响应,全面支持https,安全稳定快速,服务几十万站长,过亿浏览器客户端已缓存。

地址:https://cdnjs.net/


又拍云JS库CDN服务

又拍云为您托管常用的JavaScript库,您可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您节省流量,还能通过我们的CDN加速,获得更快的访问速度。

地址:http://jscdn.upai.com/


jsDelivr  

MaxCDN是一家价格相对照较廉价的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方式。用于帮助开发人员和站长。jsDelivr包括 JavaScript 库、jQuery 插件、css 框架、字体等等 Web 上经常使用的静态资源。

官网:http://www.jsdelivr.com/


总结:

这些CDN公共库大都各具特色。大家能够自己选择性去使用,当前推荐使用bootcss、腾讯、字节跳动。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/9702

关闭

CDN(Content Delivery Network)原理

分发服务系统,其基本的工作单元就是各个cache服务器。负责直接响应用户请求,将内容快速分发到用户;同时还负责内容更新,保证和源站内容同步。根据内容类型和服务种类的不同

CDN与DNS知识汇总_CDN/DNS是什么?有什么好处?

在性能优化的时候,比较常见的一个建议是,把资源部署在CDN上,那么问题来了,CDN是什么?这样做有什么好处?讲完DNS,现在可以开始讲CDN了,CDN的全称是Content Delivery Network,即内容分发网络

各个版本的jquery引用地址总结,jquery cdn公共库地址总汇

jquery作为前端常使用的插件之一,一般我们不使用下载到本地引用,直接通过CDN 公共库来加载,这篇文章就总结各个版本的jquery引用地址。

vue.js的cdn引用地址有哪些?

vue 是一套用于构建用户界面的渐进式框架。我们使用采用cdn的方式来引入vue,可以缓解我们服务器的压力,原理是将我们的压力分给其他服务器点。

前端CDN库

CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定

网站防护选用高防CDN的优点

网站防护选用高防CDN有下列好多个优点:合理防御力DDoS、CC进攻,ms级時间没有响应,智能导航相对路径派发,高品质髙速互联网配搭SSD储存更顺畅。私有高防连接点

什么是CDN缓存?CDN的入门了解

CDN即内容分发网络,是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。

提高网页响应速度:优化你的 CDN 性能

CDN 服务本身并不具备域名解析功能,而是依托于 DNS 智能解析功能,由 DNS 根据用户所在地、所用线路进行智能分配最合适的 CDN 服务节点,然后把缓存在该服务节点的静态缓存内容返回给用户。

CDN的使用场景和操作细节

随着互联网的发展,各种网络应用也雨后春笋般的发展,应用越做越大,访问路径越来越长,用户的访问质量受到严重的影响,特别是用户和网站之间的链路被突发的大流量数据拥堵、异地访问急需加速,减少网络费用等因素

前端工程之CDN部署_前端为什么非要动静分离?说一下CDN托管的意义

大型Web应用对速度的追求并没有止步于仅仅利用浏览器缓存,因为浏览器缓存始终只是为了提升二次访问的速度,对于首次访问的加速,我们需要从网络层面进行优化,最常见的手段就是CDN(Content Delivery Network,内容分发网络)加速

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!