专栏首页美奔科技关于浏览器渲染VM_ xxx.js的问题
原创

关于浏览器渲染VM_ xxx.js的问题

最近有一个站点涉及到改版的问题,由于时间仓促,有很多css和js 都是直接从合适的资源拿过来用的,这就比较容易导致js冲突和css错乱的问题,在一番调试之后,css正常了,去掉许多不合适的元素,发现js的冲突问题比较严重。在修改js的过程中,发现即便处理了不同js之间的冲突,仍然会有程序上的问题,尤其是在有 eval 语句的js中,会在浏览器再度渲染。

先看下正常js的点击效果,可以看到出现 div.#rdaaa 位于index123.js

正常点击js效果

但调试过程中,在这个下面出现了第二次js的渲染,有一个vm1856 _ index123.js ,接着我发现这个vm后面的数字是会变化的,于是我先百度了一波,大家对于这个问题都有点无解,后来检查计算器功能发现每次都累加2,确认程序没有问题,这让我有点抓狂。

浏览器渲染后,出现vm开头的js,实现重复执行js效果

我将鼠标停留在vm这行,做remove操作后发现js功能正常。

对浏览器渲染的vm多remove
计算器累加正常

这个时候我检查年限和账号的加减,发现vm 后面的数字都是不一样的,指向同样的js行,以下是js 43行的内容

程序上正常

这个时候我就思考什么情况下会渲染2次,有没有可能是重复调用,于是我就查了源代码,发现

js重复调用了两次

去掉一个多余的index123.js的引用,程序正常。

小结:

1.遇到vm开头的js并不是所有的都不能解决,先不要慌

2.多多注意报错信息,多用debug断点调试

3.可以通过禁用其他js的方式来排查

4.如果有多次执行的情况,可以优先考虑js冲突或重复引用。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • web站点调试-关于layui.js突然报错找不到模块

    在解决了一番js的问题之后,和产品进行了一波对接,说是界面过于丑陋,于是针对界面和模块,进行了一定程度的自定义。勉强能看之后,就下班了。第二天发现,后台奇慢无比...

    相柳
  • 简单直播实现与实践

    随着国家政策的管控,直播已经开始要求客户用自己的已备案域名进行直播的推拉流,政策虽说发生了变化,但是直播却开始变的简单了起来,今天我们就来聊一聊简单直播的实现与...

    相柳
  • web站点应用之路_wdcp备份容灾与升级(四)

    前面我们讲到了站点部署,站点部署完成以后,其实很长一段时间都不会有什么大事,一般情况下是这样的。但是,现在还没完,根据最新的国家法律法规,我们还需要做备案和...

    相柳
  • smartClient 1--框架介绍

        快速构建 大型企业应用开发(无需过多关注UI),适合基于云技术的应用,主要关注业务的发展和营销,加快开发进程

    用户1148399
  • 利用js文件反弹shell

    前两天在freebuf上看到一个利用Ink文件触发攻击链的文章,确实佩服作者的脑洞。

    洛米唯熊
  • Webpack第三天

    我们已经能打包能启动了,现在我们要继续开发。开发的时候我们要一直刷新才能出现,这很浪费时间,而webpack自带了热更新。

    wade
  • webpack多入口多出口的实现

    对古老的网站进行维护, 短时间内用react或vue组件化重写全部页面不太现实,但用webpack做个打包, 还是可行性的, 配置好webpack多入口多出口,...

    zhaoolee
  • 如何动态加载js?

    第三方的js文件,自己写的js文件,js越来越多了怎么办? 提出问题: 1、js文件太多了,每个页面都写<script src="...">太麻烦。 2、如果路...

    用户1174620
  • RequireJS实例分析

      随着JS越来越庞大,已经不仅仅是以前复制粘贴做特效的时代了,JS越来越偏向于业务逻辑与应用。恰逢Node的流行,JS在web开发中占有越来越重要的地位。由...

    用户1154259
  • 前端缓存

    https://juejin.im/post/5a098b5bf265da431a42b227

    城市中的游牧民族

扫码关注云+社区

领取腾讯云代金券