CDN（script外连js等公共前端资源）

最新推荐文章于 2023-07-11 16:54:53 发布
VIP文章 最新推荐文章于 2023-07-11 16:54:53 发布
阅读量790 收藏 1
点赞数
分类专栏： web前端html web前端js node.js h5 文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013224660/article/details/106266713
版权

https://unpkg.com/ 前端常用公共CDN
https://unpkg.zhimg.com/ 国内镜像，如果上面地址慢，国内可以使用该链接

使用方式（以提取Vue为例）

浏览器输入 https://unpkg.zhimg.com/vue/ ，服务端响应 vue近期稳定版本包，dist中有对应的js，
在这里插入图片描述
在这里插入图片描述
选择vue.min.js，访问到对应的js文件，将url复制出来，放入需要引用的地方即可

最低0.47元/天 解锁文章
小肥喵大人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unpkg-uri:从给定的npm包名称生成unpkg.com URI
05-16
unpkg-uri 从给定的npm包名称生成unpkg.com URI。 unpkg-uri从给定的包名称生成unpkg的https://unpkg.com/@:prefix/:package@:version/:file uri。 安装 $ npm install --save unpkg-uri 用法 const { unpkg } = require ( 'unpkg-uri' ) unpkg ( 'unpkg-uri' ) //=> 'https://unpkg.com/[email protected]/lib/index.js' unpkg ( 'unpkg-uri[min.js]' ) //=> 'https://unpkg.com/[email protected]/lib/index.min.js' unpkg ( 'unpkg-uri|file.json' ) //=>
Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js‘
最新发布
cozy666的博客
01-05 595
先讲讲为什么要用cdn，在我们的vue项目中，我们去访问系统，浏览器会自动下载vue、vue-router、vuex和axios等一些文件。但是下载的话会比较耗时，因为笔者想打开网页时直接访问别人的资源，用cdn来做会提高访问速度。但是有时候会出现Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js'这个错误。后续思考如何解决，今天先记录到这里。
unpkg 与 npm 的基本介绍
友人C君的博客
07-11 3100
UNPKG是一个基于npm registry 的静态资源 CDN 服务，它可以快速获取和使用任何JavaScript包，无需安装任何软件或包。UNPKG可以从NPM仓库中获取任何包，支持直接在浏览器中使用和在Node.js中使用。UNPKG的优点是快速、简单和易用，特别适合于快速开发和测试。但是，由于UNPKG不支持版本锁定，可能会出现版本问题，此外，由于UNPKG是一个公共CDN服务，可能存在安全问题。
大公司里怎样开发和部署前端代码？
weixin_33908217的博客
11-01 427
出处：http://www.zhihu.com/question/20790576 主要有以下问题：开发时的和部署时类库的引用和存放是一致还是不同？模块放在项目中还是放在 CDN 之类服务器？渲染网页用 Nginx 还是其他动态语言的 Web 服务器？制作网页的流程，是先有设计师的稿，还是先看模块？会选择用自己写的模块还是从社区寻找模块？张云龙，前端工程师洪松、知乎用户、Vo...
优酷、YouTube、Twitter及JustinTV视频网站架构设计笔记
热门推荐
冯立彬的博客
08-28 6万+
本文是整理的关于优酷、YouTube、Twitter及JustinTV几个视频网站的架构或笔记，对于不管是视频网站、门户网站或者其它的网站，在架构上都有一定的参考意义，毕竟成功者的背后总有值得学习的地方，虽然有些文章的发表时间有点久了，但是看看对开阔视野还是有帮助的。 优酷视频网站架构 一、网站基本数据概览 据2010年统计，优酷网日均独立访问人数（uv)达到了8900万，日均访问量（p
打包文档_如何免费从 0 构建快速文档网站
weixin_39753791的博客
12-27 92
背景图片使用了John Schnobrich 拍的照片这一篇文章聊一聊如何做一个文档网站，免费并且加载速度较快，是我在做 http://usetable-ahooks.js.org/ 的一些经验，可以多多交流。做文档网站，主要分成四部分来讲，分别是选择文档构建器，我们选择了 dumi选择静态文件托管服务器，我们选择了 surge选择域名，我们选择使用了 js.org选择 CDN，我们选择用了 ht...
unpkg.com太慢了 unpkg.com国内镜像地址
Wxin0721的博客
04-25 9335
国内镜像地址 unpkg.zhimg.com
SSM学习记录7：通过cdn引入vue进行使用
m1751250104的博客
04-16 1052
之后在需要时调用Vue router↓。在对应页面导入并在的vue中使用↓。新建保存路由配置的js文件↓。引入vue-router。下载完老规矩添加项目库。其实跳转页面使用js↓。
vue项目index.html引入文件cdn无法访问，导致项目打不开
weixin_44056717的博客
05-25 2446
vue项目index.html引入文件cdn无法访问，导致项目打不开
图床的千层套路
ChenYFanのCSDN博客
09-16 5012
博客最近在细心打磨终于上95分了，其中我认为图片功劳不可没。 2020年8月9日Jsdelivr发布了一次使用政策：Create Acceptable Use Policy，其中第4条Prohibited Use引起了众多议论： 4. Prohibited Use The following behavior is prohibited: 1. Hosting or accessing content that: - contains malware or harmful code in.
Vue学习
极限超越的博客
06-04 273
Vue学习
博客：陈YFの博客-基于travis-ci自动部署
02-10
ChenYFanの博客 :face_blowing_a_kiss:一个在互联网角落挣扎的小小博客，很小很小 欢迎添加友情链接！不过您可能需要注意以下几点： 0.首先确保有本站的友情链接： 标题: 陈YF的博客 地址: https://blog.cyfan.top 图像(如果有): https://unpkg.zhimg.com/[email protected]/pic/BLOGER.jpg 简介(如果有): 一个在互联网角落挣扎的小小博客，很小很小 屏幕截图(如果有): https://cdn.jsdelivr.net/gh/ChenYFan/ScreenShot@gh-pages/blog.cyfan.top.jpg 背景颜色(如果有): #F6B352 1.存活时间不小于3个月。 2.确定不会随便便便删除库跑路。 3.时间达到30天无法正常访问的将会被踢除。 4.免费顶级域名看情况，二级域名（如* .cyfan
国内常用的js类库大全(CDN公共库)
11-20
一 般的CDN公共库都会包括全球全部最流行的开源JavaScript、JQuery等库。你能够在自己的网页上直接通过script标记引用这些资源。这样做不仅能够为您 节省流量。还能通过CDN加速。获得更快的訪问速度。注意站点要支持...
360前端cdn公共js库e-z
05-13
幸好我写得一手好爬虫，2016年爬取了360前端js库代码共821MB。自libs.useso.com CDN镜像关闭之后，360前端cdn公共js库a-d和360前端cdn公共js库e-z这两部分便作为私服前端库。
前端公共库CDN服务
08-12
睿擎CDN库是一个稳定的、可靠的、高速的、最受欢迎的全球可用的内容分发网络，开源的JavaScript库。
360前端cdn公共js库a-d
05-13
幸好我写得一手好爬虫，2016年爬取了360前端js库代码共821MB。自libs.useso.com CDN镜像关闭之后，360前端cdn公共js库a-d和360前端cdn公共js库e-z这两部分便作为私服前端库。
Vue.js前端 JavaScript 框架
03-15
Vue.js 是一款流行的前端 JavaScript 框架，它是一款轻量级、高性能的...总之，Vue.js 是一款流行的前端 JavaScript 框架，它的特点包括响应式数据绑定、组件化开发、轻量级易上手、高效灵活、支持服务器端渲染等。Vue.
axios下载excel文件
伟大的路人 的博客
04-17 1万+
html下载文件 最简单的方式莫过于使用a标签赋予href下载，或者是window.open，但是却无法执行post请求、以及在request.headers中放置内容，以下提供一种方式，基于axios import axios from 'axios' axios.interceptors.response.use( response => { if(re...
关于 iconfont 在pc上面部分浏览器中显示问题
伟大的路人 的博客
02-06 1万+
icon font 字体图标库的问题 作为前端自定义字体图标库相信大部分人已经使用过了，列举下面一些个问题 自定义图标的时候尺寸控制 导出的图标在其他浏览器上面的尺寸不同 尺寸在倒入的时候自行控制，这个就不必多说了，耐心操作 主要说快速处理导出的时候在其他浏览器上面的问题 先说明一下当前的问题场景，入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的，不存
前端怎么使用CDN例子
04-01
前端使用CDN的例子： 1. jQuery：使用CDN加速jQuery的加载速度，可以在HTML中添加以下代码： ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ``` 2. Bootstrap：使用CDN加速Bootstrap的加载速度，可以在HTML中添加以下代码： ``` <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha512-..." crossorigin="anonymous" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha512-..." crossorigin="anonymous"></script> ``` 3. Font Awesome：使用CDN加速Font Awesome的加载速度，可以在HTML中添加以下代码： ``` <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" /> ``` 4. Google Fonts：使用CDN加速Google Fonts的加载速度，可以在HTML中添加以下代码： ``` <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"> ``` 以上是一些常用的前端CDN例子，使用CDN可以大幅提升网页加载速度和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值