各种常用的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官网查看文档

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不愿意做鱼的小鲸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值