使用CDN可以减少带宽和http请求,也可以减少一些服务器的压力, 从而提升页面加载速度,也有利于提高用户体验。 但有一个问题:假如你使用的是百度静态资源库,某天,突然百度静态资源库崩了,那你网站引用的相应资源文件也会失效。 当然这种情况几率比较小,但为了防范于未然,我们还是需要尽可能的做到万无一失。 实现方法 方法一

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
 if (typeof jQuery == 'undefined') {
   document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js'%3E%3C/script%3E"));
 }
</script>

方法二

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src='/js/jquery.min.js'%3E%3C/script%3E"))</script>

其中代码中%3C%3E分别代表<>,并通过unescape()函数解码还原。

附带列举下常用的cdn公共库

staticfile:staticfile cdn

bootcdn:bootcdn.cn

jsdelivr:jsdelivr.com

baomitu:cdn.baomitu.com

字节跳动静态资源公共库 :cdn.bytedance.com