欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

国内常用的js类库大全(CDN公共库)

程序员文章站 2022-06-17 10:54:31
国内站点经常使用的一些 cdn 静态资源公共库加速服务web开发人员们的福利来了。。旨在为大家提供更快很多其它更好的静态资源库的cdn载入库方案!cdn公共库是指将经常使用的js库存放在cdn节点,以...

国内站点经常使用的一些 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 等静态文件。
上面这几个,我个人測试结果:百度云应该是最快的, 又拍的服务太少,差点儿不用考虑.阿里云据说也提供了公共cdn服务。但眼下官网找不到详细服务页面,临时不说了

google资源库

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

微软资源库

asp.net开发团队推出的一个新的微软ajax cdn(content delivery network,内容分发网络)服务,该服务提供了对ajax库(包含jquery 和 asp.net ajax)的缓存支持。

该服务是免费的,不需不论什么注冊。可用于商业性或非商业性用途。

官网: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服务最佳。

大家能够自己測试看看。

缺点爆料:看了下 百度 360 新浪 七牛 还有上面2个 jquery 都不够新,另外要支持 http https 协议 又要更新勤快的临时还没有。

总结:这些cdn公共库大都各具特色。

大家能够自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)不过现在百度不能用了,新浪更新不及时,当前推荐使用bootcss、腾讯、字节跳动。鉴于google已经被墙,全部关于google的服务大家还是尽快转移阵地,使用国内的cdn公共库服务吧。

相关标签: js类库