JS使用setInterval定时器导致前端页面卡死

原因

setinterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页。
其原因与JS引擎线程有关（需深入研究JS引擎线程），但是setTimeout是自带清除定时器的。

解决方案

         self.setInterval(() => {self.setTimeout(() => {this.queryChartTime()}, 0)}, 10000)

JS使用setInterval定时器导致前端页面卡死相关推荐

谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题(避雷) 浏览器的自动翻译会影响页面数据展示因为我呢用的谷歌浏览器,有时候需要查看英文文档,平时会开着自动翻译翻译,如图: 然后今天在写网页的时 ...
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题 - 接口返回数据被翻译
背景:Chrome浏览器自带谷歌翻译,这个翻译还是挺实用的,但如果前端代码设置不当,再加上用户操作失误就容易造成很多莫名其妙问题,下面详述问题现象.排查过程及解决方案文章目录一.问题现象二.排查 ...
原型图和设计常犯错误，导致前端页面返工
1.字体长度长了会出错 2.为空状态 3.成功提醒状态 4.列表过长分页前端常犯错误 1.没加a链接的状态转载于:https://www.cnblogs.com/Megasu/p/4213813. ...
学成在线--2.CMS前端页面查询开发
文章目录 0.思路总结 1.创建CMS模块的目录架构 2.创建页面并配置路由 1)在page目录新建page_list.vue,扩展名为.vue. 2)在cms的router下配置路由. 3)在bas ...
解决定时器导致页面卡顿、卡死的问题
在项目中有时需要使用定时器,去不断刷新数据重载部分页面,长时间使用会导致线程占用和内存泄漏,导致页面卡顿.卡死的现象.网上查找过不少资料,无法根本解决此问题,下面介绍本人实践过的有效方法: var t ...
Web项目中前端页面引用外部Js和Css的路径问题
公众号:南宫一梦 Web项目中前端页面引用外部Js和Css的路径问题一般我们在做Web项目时,通常会将多个页面引入的公共js和css文件抽取出来,单独写成一个公共文件,以期方便各个页面单独引入,达到 ...
解决 js 长任务导致的页面卡顿（时间分片技术）
时间分片技术解决 js 长任务导致的页面卡顿界面操作使用transform动画会使用GPU,不会让界面卡死解决 js 长任务导致的页面卡顿在web界面运行长时间代码时,会造成界面卡死,最新看了 ...
vue 新建的页面如何访问_Vue.js—实现前后端分离架构中前端页面搭建（四）（完）...
[Vue.js实现前后端分离架构中前端页面搭建] 二十.实现服务端登录业务前提:已经有单机版Eureka,端口8761.启动开Eureka 1. 新建父项目新建backend_parent. 为了 ...
vue 模拟随机变速的动态打字特效【支持多行文本】（含css实现闪烁光标，js动态改变setInterval定时器的时间间隔）
随机变速的动态打字特效–最终效果随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...
【HTML响应式项目】成人教育官网前端页面（HTML+CSS+JS实现三端适应）
项目源码已上传至码云仓库:云南农业职业技术学院/HTML响应式成人教育官网前端页面(HTML+CSS+JS实现) 项目演示地址:成人教育网 AAP端下载地址:成人教育网APP端.apk-互联网文档类资 ...

JS使用setInterval定时器导致前端页面卡死

JS使用setInterval定时器导致前端页面卡死

原因

解决方案

JS使用setInterval定时器导致前端页面卡死相关推荐

最新文章

热门文章