CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。
与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。
一般的CDN公共库都会包含全球所有最流行的开源JavaScript、JQuery等库,可以在自己的网页上直接通过<script>标记引用这些资源。
这样做不仅可以节省流量,还能通过CDN加速,获得更快的访问速度。
1 国内
- BootCDN - http://www.bootcdn.cn/
- CDNBee - https://cdnbee.com/
- 新浪云计算公共库 - http://lib.sinaapp.com/
- 百度静态资源公共库 - http://cdn.code.baidu.com/
- 奇虎360前端静态资源库(新版) - https://cdn.baomitu.com/
- 极客族公共加速服务 - https://cdn.geekzu.org/cached.html
- 又拍云常用JS库CDN服务 - http://jscdn.upai.com/
- 七牛静态资源CDN服务 - https://www.staticfile.org/
- 360网站卫士CDN前端公共库 - http://libs.useso.com/
- CDNJS.NET - http://cdnjs.net/
2 国外
- Jquery CDN - http://code.jquery.com/
- CDNJS - https://cdnjs.com/
- Google Hosted Libraries - https://developers.google.com/speed/libraries/
- Microsoft ASP.net CDN - http://www.asp.net/ajaxlibrary/cdn.ashx
- jsDelivr - http://www.jsdelivr.com/
3 说明
这些CDN公共库大都各具特色。大家可以自己选择性去使用。
其中,百度会限制在本地引用其静态资源,在开发时不太方便。
另外,用别人的 CDN 都是不保险的,所以建议在 CDN 读取失败的时候,从自己服务器提供:
<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>
参考资料:
- 国内网站常用的一些 CDN 静态资源公共库加速服务
- 国内常用免费静态CDN公共库加速资源服务集合