当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 国内常用的js类库大全(CDN公共库)

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

2020年08月17日  | 移动技术网IT编程  | 我要评论
国内站点经常使用的一些 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输出测试。

稳定、快速、免费的前端开源项目 cdn 加速服务

附带搜索,编辑好格式可以直接复制

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

百度的,支持搜索,不支持直接复制

以前的js可以正常调用,不过目前已经不再提供索引服务。

不算很方便,需要自己单击查找

新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划。技术研发和平台运营工作。

主要产品包含 应用云平台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)的缓存支持。

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

官网:

ps:微软出品。自然不会太差。

尽管在天朝,速度依旧不会太慢(当然比不上国内的其它cdn)。支持的不多

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

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

头条抖音都在用的

免费开源前端公共库

cdnjs 是一个互联网上的 javascript 资料库,类似 google cdn 和微软cdn服务,但是速度比这二者更加快。cdnjs 上提供了众多 javascript 库,你可以直接在网页上引用这些 js 文件,实现用户浏览网站的最佳速度体验。

在网站里可以找到 javascript 函式库的 cdn 连结,是 cdnjs.cloudflare.com 开头的,复制后丢进网站里取代原有的链接位置即可。

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

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

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

ps:又拍云js库提供了经常使用的javascript库cdn服务。算是起步较早的cdn加速服务了。速度和稳定性也不错。

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公共库服务吧。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网