前言

使用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

分享到：

打赏 生成海报