架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 4543|回复: 1

[其他] 推荐13个常用前端公共库CDN服务资源

[复制链接]
发表于 2019-7-16 14:53:41 | 显示全部楼层 |阅读模式
CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。 公共CDN能为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。

一 般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度。这里还转载了一篇《搭建本地 CDN 加速 StackOverflow 等网站的访问速度。》是为了解决部分网站因为Google被墙,导致网站打不开或者显示不全的问题。

首屈一指的就是要推荐下面这个CDNJS了,原因很简单,在服务相对稳定下,它的的JS库是最完整的,很多很好的CDN都是同步它的仓库,还有我写的知名的JSLite 都收录其中?,把我感动坏了?,这个直接导致其它大CDN服务商,都有JSLite 库了,太赞了。

CDNJS

CDNJS提供非常完整的 JavaScript 库,无论是热门或是冷门的一应俱全。若你觉得它们缺少哪些好用的函式库,也可以自行提交到网站里,通过审核后就 CDNJS 就会为你分流 js文件!这项服务是结合 CloudFlare、Pingdom 与 S3Stat的,稳定性与速度自然不在话下。CDNJS提供的 JavaScript Libraries 全部列在网站首页,使用者可以直接搜索。这些JS库都有标示版本编号、标签以及原维护网站链结。

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

Ps:CDNJS应该算是最完整的的JS库了。存储了大部分主流的 JS 库,甚至 CSS、image 和 swf,不过很多国内优秀开源库是没有的。很多国外前卫的Js库在CDNJS大都能找到。就连我自己写的JSLite 都主动收录了太感动了

当然你也可以使用国人提供的CDNJS国内镜像网站的又拍云路径来引用相关JS和CSS文件。

国内镜像:http://www.cdnjs.cn/

Ps: CDNJS国内镜像托管在又拍云存储,但是各种JS或者CSS类库比又拍云自己出的JS库丰富很多,而且每天同步更新且支持https协议 (和可惜最近网站提示未备案已经打不开了)。

CDNJS.net

这个一看就是个山寨产品,cdnjs.com 的数据,因为我写了个JSLite 只有这家cdnjs.com 收录,没有想到这个.net 网站都收录了,可见真的是个山寨货,不过好像是使用的是阿里云CDN加速。

官网:http://cdnjs.net/

BootCDN

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

官网:http://www.bootcdn.cn/

百度CDN公共库

百度公共CDN为站长的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。

官网:http://cdn.code.baidu.com/

Ps:百度的速度目前来说应该是和新浪差不多的。不过jQuery的版本比SAE少几个,其他类库应该都差不多。

新浪云计算CDN公共库

新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划,技术研发和平台运营工作。主要产品包括 应用云平台Sina App Engine(简称SAE)。

SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络,使开发者能够方便的使用高质量的CDN服务。

官网:http://lib.sinaapp.com/

Ps:网上有评测说新浪的速度比百度的要好。个人没感觉出来。亲测半夜的时候出现过几次加载慢的情况(不知道其他站长遇到过没有)。

又拍云JS库CDN服务

又拍云存储是杭州纬聚网络有限公司旗下项目,成立于2005年6月,前期主要为又拍网、又拍图片管家提供图片云存储/云计算服务,于2010年2月对所有用户开放使用。

主要专注于海量小文件的存储与分发及图片云计算领域。提供的两大核心服务:静态文件云存储、CDN加速处理。

官网:http://jscdn.upai.com/

Ps:又拍云js库提供了常用的JavaScript库CDN服务。算是起步较早的cdn加速服务了。速度和稳定性也不错。不过js库有点少,有些前卫的js库可能不提供。

七牛云存储 开放静态文件CDN

像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免费提供的 JS 库的存储,但使用起来却都有些局限,因为他们只提供了部分 JS 库。但七牛云存储提供一个尽可能全面收录优秀开源库的仓库,并免费提供 CDN 加速服务。

官网:http://www.staticfile.org/

Ps:同时,开放静态文件CDN也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JS、CSS、image 和 swf 等静态文件。 上面这几个,我个人测试结果:百度云应该是最快的, 又拍的服务太少,几乎不用考虑.阿里云据说也提供了公共CDN服务,但目前官网找不到具体服务页面,暂时不说了

360网站卫士CDN前端公共库

托管在360众多的全国CDN节点上,覆盖电信、联通、移动等主流运营商线路,您可以在自己的网页上直接通过script标记引用这些资源,让网站访问速度瞬间提速!

只需替换一个域名就可以继续使用Google提供的前端公共库和免费字体库,让网站访问速度瞬间提速。

官网:http://libs.useso.com/

Ps:360的步伐现在是越来越快了。各种技术和提供的服务更新的速度是飞快的。Google被墙,应该是它推出来的原因?

Google Hosted Libraries

Google出品,必属精品了。虽然最近Google全线产品被墙了,连基本的Google搜索服务都无法使用了。但是谷歌的公共CDN公共库应该是 最强大的了,像其中的前卫的各种代码类库和Google Web Font 字体库,国内几大公共CDN服务几乎都不提供支持。

官网:https://developers.google.com/speed/libraries/

Ps:当然, Google打不开怎么办?除了使用国内的cdn库,也没有什么好办法了。如:国内cdn不提供的js库使用七牛云存储cdn加速服务、Google Fonts Open Sans字体库使用360CDN公共库代替等。

Microsoft ASP.net CDN


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

官网:http://www.asp.net/ajaxlibrary/cdn.ashx

Ps:微软出品,自然不会太差。虽然在天朝,速度依然不会太慢(当然比不上国内的其他cdn)。

jsDelivr

MaxCDN是一家价格相对比较便宜的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方案,用于帮助开发者和站长。jsDelivr包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

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

Ps:每一款CDN的节点数量都是大家所关心的,jsDelivr总共提供着13个节点。加载速度和CDNJS基本差不多,国内用户建议使用国内CDN服务最佳。大家可以自己测试看看。

阳光网常用前端公共库

官网:http://libs.sun0769.com/

CSS.Net

国内 CDN 节点赞助商为 诸暨市捷速网络科技有限公司 ,国外 CDN 节点赞助商为 VPS.TO

官网:https://css.net/

总结:这些CDN公共库大都各具特色。大家可以自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳,显然这种明星大厂的感觉上是很靠谱的,但是七牛和又拍云也是非常好滴。鉴于Google已经被墙,所有关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。




上一篇:Discuz!开发之插件页面title、keywords、description等SEO设置
下一篇:Java工程师的一把梭——Redis
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
 楼主| 发表于 2019-7-16 14:54:28 | 显示全部楼层
我这里只推荐使用:https://cdnjs.com/ ,因为更安全

<link crossorigin="anonymous" integrity="sha256-+hDz/gVbhp24mhOmoIT4Du4F3K5fs9fjjoe0rP5gSLs=" rel="stylesheet" href="/assets/css/home.css" />  

link或script中的 integrity 属性:为了防止 CDN 篡改 javascript 用的。



"anonymous"会发起一个跨域请求(即包含 Origin: HTTP 头). 但不会发送任何认证信息 (即不发送 cookie, X.509 证书和 HTTP 基本认证信息). 如果服务器没有给出源站凭证 (不设置 Access-Control-Allow-Origin: HTTP 头), 这张图片就会被污染并限制使用.



这个 integrity 属性的值来 指定浏览器提取的资源(文件)的base64编码的加密哈希值。如果资源匹配其中一个哈希值,它将被加载。

<script><link>的integrity值 至少一个字符串,每个串包括指示特定散列算法(目前允许的前缀的前缀sha256,sha384和sha512),然后用短划线,并与实际base64编码散列结束。例如:

sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2024-4-19 04:09

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表