文章内容输出来源:拉勾教育 大前端高薪训练营
cdn,全称是 Content Delivery Network,即内容分发网络。
jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
jsDelivr 可以解决 npm
、GitHub
、WordPress` 加载资源缓慢,甚至打不开等的问题,因为它免费提供CDN 加速。
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
-
官网示例,如图所示:
原文链接:https://blog.csdn.net/zimeng303/article/details/112465100?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165918321816781667824586%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165918321816781667824586&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-21-112465100-null-null.nonecase&utm_term=cdn
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/288