前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >各种常用的CDN加速服务

各种常用的CDN加速服务

作者头像
不愿意做鱼的小鲸鱼
发布2022-09-24 09:05:26
7.3K0
发布2022-09-24 09:05:26
举报
文章被收录于专栏:web全栈web全栈

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是CDN?
  • 为什么要用CDN
  • 各种常用的CDN加速服务
    • 1. jQuery
      • 2. bootStrap
        • 3. Echar
          • 4. element-ui
            • 5. vue
              • 6. 富文本编辑器
              相关产品与服务
              内容分发网络 CDN
              内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档