解决定时器导致页面卡顿、卡死的问题

在项目中有时需要使用定时器，去不断刷新数据重载部分页面，长时间使用会导致线程占用和内存泄漏，导致页面卡顿、卡死的现象。网上查找过不少资料，无法根本解决此问题，下面介绍本人实践过的有效方法：

var timerQ = null //首先可以全局定义一个定时器//清理定时器的公用方法
clearTimerQ(){try {window.clearInterval(timerQ)} catch (error) {}window.timerQ = null
},
//发送交易获取数据send_request() {console.log("开始发送交易")var that = this//首先先清除定时器，或在mounted周期清除定时器，并将timerQ重置为nullthis.clearTimerQ()...//然后在交易成功或完成的函数内，处理交易结果后，再次发送交易刷新页面success: res => {timerQ = setInterval(() => {that.send_request()}, 1000)}...  });},//建议在页面加载前和销毁时，都清除一遍定时器，防止内存泄漏解放线程created(){this.clearTimerQ()},destoryed(){this.clearTimerQ()},

这种方法使当前页面始终只有一个定时器在运行，可完美解决上述因长时间使用定时器导致的线程占用和内存泄漏问题，导致页面卡顿、卡死的现象。
最后，原创不易，如本文对您有所帮助，麻烦点个赞谢谢！

解决定时器导致页面卡顿、卡死的问题相关推荐

解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题
场景一解决了一次性渲染大量数据问题业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的 ...
js初化加载页面时ajax会调用两次的原因_在前端开发中，有哪些因素会导致页面卡顿
前端开发不像后端那样,很少出现有大量算法的场景,但是前端性能也是需要优化的.好的代码是保证网页平稳高性能运行的基础,结合以往开发中遇到的场景,本文对前端网页卡顿的原因进行了梳理和分析,并给出了对应的解 ...
position: relative;导致页面卡顿
1.现象: vue单页面项目只有在某个页面切换的时候出现页面卡顿现象经过长时间排查确定最终原因是该模块外层div使用 position: relative 根本原因:待完善转载于:http ...
android模拟点击导致页面卡顿,逍遥安卓模拟器卡顿如何解决？模拟器卡顿解决方法介绍...
是一款非常好用的电脑手游模拟器,不过有很多小伙伴表示在玩手游的时候会出现卡顿的情况,下面通过这篇文章给大家讲讲解决方法. 1.CPU vt开启英特尔的硬件辅助虚拟化技术(Virtualization ...
网页dom元素过多为什么会导致页面卡顿
在做移动端或者其他无限下拉加载时会遇到不断插入dom的场景,随着dom的增多页面会出现卡顿,遇到这种情况开发者会采取一系列的优化措施,比如复用dom等,那么到底为什么会出现卡顿呢?本文将探讨这个疑问. ...
解决 js 长任务导致的页面卡顿（时间分片技术）
时间分片技术解决 js 长任务导致的页面卡顿界面操作使用transform动画会使用GPU,不会让界面卡死解决 js 长任务导致的页面卡顿在web界面运行长时间代码时,会造成界面卡死,最新看了 ...
一文带你了解如何排查内存泄漏导致的页面卡顿现象
作者 | 零一0101 责编 | 欧阳姝黎不知道在座的各位有没有被问到过这样一个问题:如果页面卡顿,你觉得可能是什么原因造成的?有什么办法锁定原因并解决吗? 这是一个非常宽泛而又有深度的 ...
IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的
1.引言好久没写技术文章了,今天这篇不是原理性文章,而是为大家分享一下由笔者主导开发实施的IM即时通讯聊天系统,针对大量离线消息(包括消息漫游)导致的用户体验问题的升级改造全过程. 文章中,我将从如 ...
html中dom多会有影响吗,DOM操作造成的页面卡顿问题及解决
相关目录以下为我总结的其他性能优化点,欢迎参考,指点及吐槽前言界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现的.尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很 ...

解决定时器导致页面卡顿、卡死的问题

解决定时器导致页面卡顿、卡死的问题相关推荐

最新文章

热门文章