js加载html的head偶尔失效,外部 js 文件偶尔会加载失败
最近有一个很奇怪的问题一直困扰着我:
html 页面中,head部分引入了几个外部js文件。
比如:
// 目前页面结构就是这样,其他的代码都和此异常无关,就不多贴了。
// 这里就直接报错,显示 Vue 未定义
var vm = new Vue({
el: "#mDiv"
});
项目大致结构就是这样。
看起来没什么问题呀,
但是偶尔会出现一种非常奇怪的问题:
看起来是页面渲染异常导致 vue 或者 axios 的 appendChild 产生了异常,以至于 vue 未定义。
另一个页面里,我有用到 jQuery,也会偶尔出现这种问题,提示 appendChild 异常,然后紧接着会提示 $ 未定义。
这种问题大概你长时间未打开该页面,第二天或者更久时间后,你首次打开该页面就会出现这个问题,此时,只要刷新一下页面即可恢复正常。
听起来有点像页面某天首次打开时,被运营商注入了,然后页面就出问题了。
希望各位大佬解答。
190817更
到axios源码中,搜了一下,根本没有 appendChild 代码。直觉告诉我,页面被注入了。
js加载html的head偶尔失效,外部 js 文件偶尔会加载失败相关推荐
- 动态播放外部FLV 文件和预加载 FLV 文件
/***************** wgscd (c)2005 ' qq:153964481 e-mail:wgscd@126.com blog:http://blog.csdn.net/wgsn ...
- Next.js如何引入百度分享(外部引用)类似的外部js,以及如何操作window
前言 近期使用React官方推荐的服务端渲染工具Next.js进行服务端页面编程时遇到引入百度分享等外部JS文件的问题. Next.js可以使用内置组件来装在 <head> 到页面中 im ...
- js / jquery 使用val()赋值监控事件失效
场景: 当内容发生改变时对隐藏的input框进行监控(这里不直接赋值,通过select或其他条件的改变使用jquery赋值) 需要监控的对象 <input type="hidden&q ...
- AS3使用,播放声音和加载外部声音文件
[as3]使用声音 在AS3中使用声音跟AS2有很大的不同.先看下Flash帮助中的一些介绍,然后我们再使用导入到Flash中的声音做个小测试. 理解声音的结构 应用程序可以从4个地方加载声音: 运行 ...
- flash as3使用,播放声音和加载外部声音文件
[as3]使用声音 在AS3中使用声音跟AS2有很大的不同.先看下Flash帮助中的一些介绍,然后我们再使用导入到Flash中的声音做个小测试. 理解声音的结构 应用程序可以从4个地方加载声音: 运行 ...
- Windows PowerShell安装指定版本vue/cli脚手架失效解决办法;vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
mac搭建vue项目看这篇 打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...
- 具有完整静态文件(JS、CSS)支持的 ASP.NET Core 3.x 动态可加载插件
从 Github 下载源代码 - 961 KB 介绍 从3.0版开始,ASP.NET Core提供了一种使用Application Parts将应用程序拆分为模块的方法. 一个解决方案可能包含一个We ...
- 自制 require 函数:让浏览器轻松实现 js 文件按需加载
唉?这种文章你也点进来看,你不知道有 LABjs.RequireJS.SeaJS... 这些库吗? 反正我是没用过这些库,什么 AMD .CMD 哪来那么多术语... 前端的库太多了,要看各种乱七八糟 ...
- Vue文件内动态加载JS
Vue文件内动态加载JS let jsUrl = 'https://code.jquery.com/jquery-3.4.1.min.js' // JS地址 let jqueryJs = decode ...
最新文章
- 用FFT求信号相位谱
- 信号与系统:快速傅里叶变换FFT中的实际频率(奈奎斯特频率解析)
- Python 计算机视觉(十二)—— OpenCV 进行图像分割
- boost::math::arcsine用法的测试程序
- (13) 悲观锁和乐观锁解决hibernate并发(转)
- jQuery 重要模块 回顾
- 单片机编程主函数的特点
- spring 事务控制 设置手动回滚 TransactionAspectSupport.currentTransactionStatus().setRollbackOnly();
- wince投屏苹果手机_怎么把手机上的导航映射到中控屏
- java https安全传输
- 寄存器地址和内存地址_通俗易懂和你聊聊寄存器那些事(精美图文)
- Jenkins中执行batch和Python
- mysql 主键个数
- ReportMachine 打印机横向
- python怎么加图片_python图片加水印
- 微软输入法和搜狗输入法中的双拼
- java的可执行文件_java生成可执行文件的方法总结
- 莫烦Python[基础教程]
- excel数据技巧:6条最实用的透视表偏方
- 获取股票历史数据和当前数据的API
热门文章
- Nature子刊:干旱条件下土壤细菌网络的稳定性不如真菌网络
- The Innovation | 中科院青促会主办精品英文期刊视频简介,定位IF 20+国际顶刊
- 对不起,作为导师,我让您失望了!
- 微生物所科学家建成小鼠肠道微生物资源库
- Microbiome:马铃薯疮痂病与土壤微生物组关系新进展
- c语言int64编译时错误,错误:编译C程序时未在此作用域中声明uint64_t
- R语言可视化绘制及PDF使用字体参数列表:查看字体列表、可视化绘制图像中的字体参数列表、字体示例并写入pdf
- R语言使用ggplot2包使用geom_density()函数绘制密度图(连续色彩、离散色彩、梯度色彩)实战(density plot)
- R语言使用caret包的preProcess函数进行数据预处理:对所有的数据列进行center中心化、scale标准化(每个数据列减去平均值、除以标准差)、设置参数为center和scale
- R语言用户自定义函数的语法结构、编写自定义统计值计算函数(使用ifelse结构计算均值和标准差等)、编写自定义日期格式化(format)函数(switch函数使用不同分枝格式化日期数据)、应用自定函数