各種常用的CDN加速服務

什麼是CDN？

CDN官網
CDN是一些資源鏈接，已經是在網上，不需要下載的資源代碼

爲什麼要用CDN

使用CDN鏈接可以大大減小自己項目包的大小，把大部分的公共代碼資源已經放在了雲服務器上，只需要鏈接請求就可以。比如要引用jquery，可以自己下載jQuery.js文件導入，也可以直接導入一個鏈接，請求jQuery源代碼。

各種常用的CDN加速服務

1. jQuery

<script src="//cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>

2. bootStrap

<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>

3. Echar

<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

<!-- 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" />

5. vue

 <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. 富文本編輯器

<!-- 富文本編輯器 的樣式表文件 -->
<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="stylesheet">
<link href="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.snow.min.css" rel="stylesheet">
<!-- 富文本編輯器 的文件 -->
<link href="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.snow.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/quill/2.0.0-dev.3/quill.min.js"></script>

以上爲常用的導入文件，如果需要可以自行在CDN官網查看文檔