什么是CDN?
CDN官网 CDN是一些资源链接,已经是在网上,不需要下载的资源代码
为什么要用CDN
使用CDN链接可以大大减小自己项目包的大小,把大部分的公共代码资源已经放在了云服务器上,只需要链接请求就可以。比如要引用jquery,可以自己下载jQuery.js文件导入,也可以直接导入一个链接,请求jQuery源代码。
各种常用的CDN加速服务
1. jQuery
代码语言:javascript复制<script src="//cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>
2. bootStrap
代码语言:javascript复制<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css" rel="nofollow noopener" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>
3. Echar
代码语言:javascript复制<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
4. element-ui
代码语言:javascript复制<!-- element-ui 的 js 文件 -->
<script src="https://cdn.staticfile.org/element-ui/2.12.0/index.js"></script>
<!-- element-ui 的样式表文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css" rel="nofollow noopener" />
5. vue
代码语言:javascript复制 <script src="https://cdn.staticfile.org/vue/2.5.22/vue.min.js"></script>
<script src="https://cdn.staticfile.org/vue-router/3.0.1/vue-router.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
6. 富文本编辑器
代码语言:javascript复制<!-- 富文本编辑器 的样式表文件 -->
<script src="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.core.min.js"></script>
<link href="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.bubble.min.css" rel="nofollow noopener" rel="stylesheet">
<link href="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.snow.min.css" rel="nofollow noopener" rel="stylesheet">
<!-- 富文本编辑器 的文件 -->
<link href="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.snow.css" rel="nofollow noopener" rel="stylesheet">
<script src="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.min.js"></script>
以上为常用的导入文件,如果需要可以自行在CDN官网查看文档