文章内容输出来源:拉勾教育 大前端高薪训练营

jsDelivr 基本介绍

CDN,全称是 Content Delivery Network,即内容分发网络。

jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

jsDelivr 可以解决 npmGitHub、WordPress` 加载资源缓慢,甚至打不开等的问题,因为它免费提供CDN 加速。

jsDelivr 基本使用

  • 官网地址:https://www.jsdelivr.com/

Npm 的使用

基本介绍

加载文件

  • ionicons/2.0.1/css/ionicons.min.css

加载网址

  https://cdn.jsdelivr.net/npm/ionicons@2.0.1/css/ionicons.min.css

查找过程

  • 在官网中搜索想要加载的 模块名(包名),如图所示:

  • 点击 搜索到的结果,进入选择其所需要的版本号,如图所示:

  • 点击找到的对应版本的文件,得出最终的转换加载网址,如图所示:

  • 转换后的网址,如图所示:

用法总结

  • npm 加载资源网址,如下所示:

      https://cdn.jsdelivr.net/npm/包名@版本号/目录
    
  • 官网示例,如图所示:

    注意:

    ​ // 打开目录(后面的 " / " 是必要的,否则,无法打开)

    ​ https://cdn.jsdelivr.net/npm/jquery/

GitHub 的使用

  • 打开模块所在目录,如图所示:

  • github 加载资源的用法,如下所示:

      https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录
    
  • 官网示例,如图所示:

WordPress 的使用

  • 加载任何插件从 WordPress.org 插件 SVN repo,如下所示:

      https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file
    
  • 加载精确版本,如下所示:

      https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js
    
  • 加载最新版本,如下所示

      https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js
    

    注意:

    ​ 生产版本,不推荐使用

  • WordPress.org 的主题 SVN repo 加载任何主题,如下所示:

      https://cdn.jsdelivr.net/wp/themes/project/version/file
    
  • 加载精确版本,如下所示:

      https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js
    
  • 官网示例,如图所示:

jsDelivr 开源公共 CDN相关推荐

  1. 常用的7个公共CDN库

    常用的7个公共CDN库 # 名称 国内节点 访问速度 说明 1 cdnjs.com 2 www.jsdelivr.com > 3 staticfile.org ✔ >>> 七牛 ...

  2. ASP.NET中常用的几个李天平开源公共类LTP.Common,Maticsoft.DBUtility,LtpPageControl

    ASP.NET中常用的几个开源公共类: LTP.Common.dll: 通用函数类库     源码下载 Maticsoft.DBUtility.dll 数据访问类库组件     源码下载 LtpPag ...

  3. jsDelivr 为开发者提供免费公共 CDN 加速服务

    开发者或网站管理者时常会用到一些 JavaScript Libraries,例如最常见的 jQuery 或字型和 CSS 框架,通常不建议自己在服务器存储这些文件,因为除了耗流量,也可能因此拖慢网站的 ...

  4. 国内外公共CDN静态资源网站大全

    CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用. 与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速. 一般的CDN公共库都会包含全球所有最流行的开源JavaScr ...

  5. 使用免费的CDN平台jsDelivr搭建个人cdn资源网盘

    放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用. 1.什么是CDN CDN的全称是 ...

  6. sv编程语言_SV及UVM高级话题篇之一:SystemVerilog开源公共库(上)

    伴随着SV推广的热浪,SV已经不只是作为一种验证语言流行开来,实际上它同样在早期也作为了一种硬件描述语言和一种通用编程语言得到了应用.在软件编程的过程中,SV同Java一般也有了更为丰富的数据类型和类 ...

  7. 前端开源库 CDN 加速

    Staticfile 致力于提供高质量.稳定的前端资源 CDN 服务,同步国外 CDNJS 源站,同时由国内开源贡献者提交其它有价值的库. Staticfile CDN

  8. 【官方】BootCDN-稳定、快速、免费的前端开源项目 CDN 加速服务

    关于 BootCDN BootCDN 是 极兔云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap.jQuery.React.Vue.js ...

  9. 前端加速:开源免费CDN

    https://www.bootcdn.cn/ https://www.jsdelivr.com/ https://cdnjs.com/ https://unpkg.com/ https://cdn. ...

最新文章

  1. three.js 背景图片
  2. 《移动优先与响应式Web设计》一1.2 设备不同,功能不同
  3. iphone微信美颜插件_iOS13.5 插件分享
  4. 部署knight项目
  5. openssl passwd
  6. 盖得化工--selenium翻页测试
  7. android 设备标识
  8. 将OpenWRT安装到 X86 电脑硬盘中
  9. 分站活动丨“香港科大商学院-黑瞳科技”2020【人工智能】百万奖金国际创业大赛--上海站+成都站宣讲会...
  10. Pandas学习-练习题
  11. 计算机二级数据透视图教程,计算机二级Office:Excel数据透视表和透视图
  12. Nokia计划在2009年推出多款OLED屏幕手机
  13. 微信开放平台-管理中心-应用删除
  14. 计算机论文致谢词范文500字,大专论文的结尾致谢500字(论文的致谢语)
  15. 《信息物理融合系统(CPS)设计、建模与仿真——基于 Ptolemy II 平台》——导读...
  16. PR-颜色遮罩-透明度-渐闪效果
  17. HTML顶部状态栏更改背景,html css导航菜单点击后改变背景图片
  18. nginx架构(修改版)
  19. ASP.NET控件集合
  20. C++小型公司的工资管理系统

热门文章

  1. 最近火到不行的微信小程序的常识
  2. php获取url地址的方法,PHP获取当前页面完整url地址的方法
  3. C51的一些基础知识
  4. 青蛙上井问题用java解决_数字推理类题型分析及解题技巧总结
  5. OSChina 周日乱弹 ——熊孩子的绝望
  6. 不抛弃,不放弃.这就叫“钢七连”
  7. 安装Postgres
  8. LeetCode13.罗马数字转整数 JavaScript
  9. Section 2 物理层
  10. 杰理之生成烧写文件,烧写器无法识别处理方法【篇】