什么是CDN

学习一些框架的时候总是会有介绍说可以链接CDN，一直不明白这个CDN的用处是什么？用它来链接插件和直接引入本地插件文件有什么区别和优势？

今天就来总结一下。

 

首先，什么是CDN，全名为content delivery network,内容分发网络。就是设置多个这样的节点服务器，它们分布在不同的地方，为了同一件事情工作，这样，有一个节点服务器出现错误也不会影响到其它节点完成数据传输工作，可以提高网站的响应速度。

 

就是说，当网站引入多个文件的时候，浏览器就会加载完一个文件再继续加载下一个文件，但是这样的话，当文件很大的时候，就会大大的影响到整个页面的加载速度。所以，当将内容分布在不同的节点服务器的时候，它可以使用户就近的获取到所需的内容，降低网络用时，提高了用户访问响应速度。

 

详细解说：https://blog.csdn.net/weixin_41697143/article/details/82758630

 

 

一些插件的cdn地址

1、jQuery

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>

 

2、bootstrap

<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>

<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

 

 

3、vue

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

 

https://unpkg.com/vue@2.5.17/dist/vue.js

 

 

其他的cdn地址https://www.bootcdn.cn/