各种常用的CDN加速服务

2022-09-24 09:05:26 浏览数 (1)

什么是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官网查看文档

0 人点赞