网站那些事内容分发网络（Content Delivery Network，简称CDN）是建立并覆盖在承载网之上，由分布在不同区域的边缘节点服务器群组成的分布式网络。网站那些事CDN分担源站压力，避免网络拥塞，确保在不同区域、不同场景下加速网站内容的分发，提高资源访问速度。许多用户在实际运用CDN的过程中都会遇到如何有效开发CDN的问题，今天网站那些事跟大家探讨下最近前端开发最常见也是最流行的javascript库中CDN在其中起到何种作用。
jQuery是前端开发最常见也是最流行的javascript库，如何去加载它才能使我们的项目性能更好以及问什么要用CDN？
当用户访问自己的站点时从服务器加载文件，每个服务器同时只能下载2-4个文件，这样就会降低文件的执行效率，如果多用几个服务器，这样同时加载文件的个数就是(2-4)*服务器个数，所以我们把jQuery放到CDN上就是为了提高网站加载文件的效率。
下面就讲讲常用的jQuery的CDN
国外的CDN：
//Google Hosted Libraries src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" //Microsoft CDN src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js" //CDNJS src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js" //jQuery官网 src="http://code.jquery.com/jquery-1.11.0.min.js" //jsDeliver src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
国内的CDN:
//百度 src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" //七牛 src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js" //新浪 src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js" //又拍云 src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js" //360 src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
总结：
除国外的谷歌和CDNJS的服务外，国内的库均不支持HTTPS环境，可惜的是国内用户加载起来比较慢，如果把自己网站架设在国外可以优先考虑使用。如果CDN加载失败时，我们需要加载自己本地的jQuery文件，只需要在头部加上下面的代码就可以
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>
以上就是jquery中cdn有什么用的详细内容，更多请关注网站那些事其它相关文章！
原创文章，作者：TUMDA，如若转载，请注明出处：http://www.wangzhanshi.com/n/13508.html
