js引用cdn，如果cdn挂了，用本地js替补

最新推荐文章于 2024-07-28 10:05:15 发布
最新推荐文章于 2024-07-28 10:05:15 发布
阅读量4.9k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35410544/article/details/83503038
版权

举个例子 jquery

先判断window中有JQuery吗，如果没有本地引入

<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>

 

宇宙超级无敌博
关注
专栏目录
引入外部 CDN失效时--怎么加载本地资源文件（本文以jquery为例）
diebaiying3731的博客
05-30 882
相信大家都使用过，百度或者CDN官网等提供的CDN静态资源库 CDN官方静态资源库：https://cdnjs.com/ 七牛前端公开库：http://staticfile.org 使用CDN可以减少带宽和http请求，也可以减少一些服务器的压力， 从而提升页面加载速度，也有利于提高用户体验。 但有一个问题：假如你使用的是百度静态资源库。 某天，突然百度静态资源库崩了，那...
webpack打包后引用cdn的js_webpack入门
weixin_39662263的博客
11-30 538
内容提纲：electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是 webpack.renderer.config.js 文件'use strict' ​ process.env.BABEL_ENV = 'renderer' ​ const p...
预防cdn链接失效，无缝切换本地文件
w13707470416的博客
12-12 1958
如今的前端项目追求的不仅仅是能用能看的程度，而是愈发追求项目的性能，对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作，想必大家对CDN的使用都是轻车熟路了，但是大家有没有考虑过，万一我们使用的CDN服务器，地址啥的出现了问题，导致我们引用的CDN文件都拿不到了，那么我们的项目崩溃了，天了噜，崩溃了。 因此我们得考虑下，引用CDN的文件拿不到了，应该有相应的处理方案，而不会...
从cdnjs上找第三方库的引用地址
最新发布
听海边涛声
07-28 137
从cdnjs上找第三方库的引用地址
使用CDN加载jQuery类库
weixin_30319097的博客
04-11 146
使用CDN加载jQuery类库一是可以省一点带宽，二是可以给用户带来更快的页面加载体验， 下面的CDN来自于jQuery官方，我们直接用官方推荐的CDN！ Google Ajax API CDN http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js Google Ajax CDN Docu...
html引用本地JS文件
chouao0161的博客
05-09 9826
<head> <script type="text/javascript" src="../js/1.js"></script> <script type="text/javascript" src="../js/2.js"></s...
cdn引入
qq_43408070的博客
11-17 1484
http://www.staticfile.org/ 所有开源库！！！！ 目录 http://www.staticfile.org/ vue.js axios bootstrap animate.css vue.js <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue.
SpringBoot html中引用本地js文件失败的问题
xiaojiang2856的博客
03-06 6947
1、问题描述 想在项目中使用jquery，于是从jquery官网下载了最新版本（手动从浏览器中复制到本地的js文件中），并在html文件中添加了引用。目录及引用情况如图。 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Insert title her...
国内常用的js类库大全(CDN公共库)
11-20
- 在HTML中通过`<script>`标签引用CDN上的JavaScript库，如示例所示，先尝试从CDN加载，如果失败，则从本地服务器加载，确保网页正常运行。 - 使用条件判断语句检查是否成功加载库，例如jQuery的检测代码： ```...
Bootstrap CDN和本地化环境搭建
09-01
Bootstrap的CDN服务允许开发者在网页中直接引用其提供的CSS和JavaScript文件，而无需将它们下载到本地。以下是一个简单的示例，展示了如何在HTML中引入Bootstrap的CDN链接： ```html <!DOCTYPE html> , ...
gulp-google-cdn:将脚本引用替换为Google CDN的脚本引用
05-26
将脚本引用替换为的脚本引用 输出的问题应在google-cdn。 安装 $ npm install --save-dev gulp-google-cdn 用法 const gulp = require ( 'gulp' ) ; const googleCdn = require ( 'gulp-google-cdn' ) ; exports ...
jquery引入外部CDN 加载失败则引入本地jq库
10-18
如果未定义，说明CDN加载失败，此时会使用`document.write`方法插入本地的jQuery库引用。使用`unescape()`是为了确保在XML、XHTML或HTML文档中，脚本引用不会被解析错误。 第二种方法与第一种类似，但是使用了...
js调用本地js文件（亲测）
影子
04-09 3387
jsty.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>调用外部js代码</title> <script type="text/javascript" src="../js/plus.js"> </script> </head> <body> <form> ..
vue.js的cdn崩了导致项目无法加载解决
jkzchy的博客
06-01 2007
最近vue官方给的cdn又又又崩了，项目直接加载不出来，下载对应版本vue.js到本地，放到项目文件夹下，在cdn后面加上如果cdn无法访问就访问本地资源，其中src内写的是你vue.js存在本地的路径。解决。
[vue] 在线依赖 cdn.js
qq_14993591的博客
07-05 188
有时候想本地写个例子不想安装各种依赖，一个在线cdn.js就可以帮我们搞定，但是哪里有海量又稳定的资源呢？没错就是这里啦。 https://cdnjs.com/
Vue.js_02_引入（安装）
魏宇轩
04-27 526
本系列博客汇总在这里：Vue.js 汇总 引入（安装）一、CDN 引入（安装）二、下载引入（推荐） 源码工程文件为： 一、CDN 引入（安装） CDN 的全称是 Content Delivery Network，即内容分发网络。 CDN 的基本原理是广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正...
JS（JavaScript）的引用方式介绍与代码演示
分享式获得也是一种学习的态度
06-09 1497
js全程JavaScript，由Netflix开发的客户端脚本语言，不需要编译，可以直接运行。
第五章 静态资源 CDN 引入
JavaAlenboy
04-29 4871
第五章 静态资源 CDN 引入 静态请求 CDN 用户将静态资源数据请求到ECS服务器，ECS服务器解析到阿里云的CDN中，CDN可以理解为一个无限大的内容磁盘缓存，本身没有文件存储。当用户访问 getItem 的一个静态资源文件的时候，会根据路由规则查看本地是否有这样的文件，如果有直接返回，没有就回源到源站，回源到下面的OSS中获取静态资源文件。 CDN一边返回对应的文件，一边将文件按照http指示的生命周期缓存起来，以便下次用户访问时，直接返回。 Cache Control 响应头 Cache
history.pushState() 给网站添加和修改浏览历史记录
热门推荐
qq_35410544的博客
10-01 2万+
假设一个使用场景： 后台管理系统项目，左右固定布局。左侧是通用布局，右侧页面是通过ajax切换的 当我们切换菜单后，想返回上一页，通常点击浏览器自带的回退。会发现回退的不是上一页，而是最开始打开这个项目的那一页。并且当我们刷新当前页面。也会自动回退到最初始的页面 原因：我们切换菜单的时候并没有跳转页面，只是用过ajax把我们想要的那也插在右侧DIV中。没有跳转页面就意味着浏览器没有存下历...
CDN的引用index.legacy.js 使用示例
03-26
以下是使用CDN引用index.legacy.js的示例： ```html <!DOCTYPE html> <html> <head> <title>My Website</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.7.4/dist/tf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/mobilenet@2.0.1/dist/mobilenet.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/coco-ssd@2.0.1/dist/coco-ssd.min.js"></script> <script src="index.legacy.js"></script> </head> <body> <div id="root"></div> </body> </html> ``` 在这个示例中，我们使用CDN引用了多个JavaScript库，包括jQuery、axios、React、ReactDOM、lodash、TensorFlow.js和TensorFlow模型库。然后，我们通过引用index.legacy.js来加载我们的应用程序。最后，在body标签内，我们创建了一个id为“root”的div，用于在应用程序中渲染组件。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值