问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

vue项目 处理addEventListener的坑

发布网友 发布时间:2022-10-15 07:53

我来回答

1个回答

热心网友 时间:2023-10-29 10:27

最近项目中遇到一个问题,让我很是费解。就是同一个页面在首次进入并且对页面进行一些操作时并没有什么问题。数据的交互及保存操作也能完成。但当次页面重复几次进入并操作时,页面就会卡死,cpu的占用也急剧升高。在排查了一天之后终于找到了原因:

原来是这个页面之中注册了一个addEventListener事件,用来监听document的点击事件,从而对用户的点击做出一些反馈。

乍看这里是没有什么问题的,但我疏忽的是光注册了这个监听事件,没有对这个事件做到“有始有终”。这是对document的监听事件是一个全局的操作,如果没有手动的去取消这个监听那么它的监听机制也就一直存在着,这样每次进入这个页面也就意味着都会增加一次对它的监听。多次之后自然页面也就会卡死了。发现了问题,那么解决方案也就很简单了,只要在页面被注销之前手动清除这个监听事件也就可以了:

这之后再进行多次的操作该页面也就不会有这样的问题了~
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
ef英语哪个好 EF英孚英语培训怎么样? 英孚英语好不好 EF英孚教育到底好不好 大佬们,麦芒7和荣耀10那个值得入手?2500以下的机子还有啥好推荐的么... 介绍几款2500元以前的手机 像素一定要高 其他的不做要求 近期想入手一部安卓手机,价格2200到2500左右…买HTC desire Z还是 三星... 笔记本忘记开机密码怎么办急死了 笔记本电脑屏幕开机锁忘记密码 怎么办?急死了 华硕笔记本电脑开机密码忘记了怎样找回?系统是Windows 7旗舰版... Vue项目开发过程中遇到的坑 春天分为哪几个阶段 春天分为多少个阶段 我去年买的m10现在联想m10 2手可以卖多少钱 华为手机m10现在有卖吗 银行贷款担保流程 闹的部首怎么读 螺蛳粉销量巨增,如此难闻的食物为什么这么多人喜欢? 男人喜欢吃冰激凌的幽默句子 (通用20句) 关于小胖子还喜欢吃夜宵的朋友圈摘录(59句) 用电烙铁时常把电路板头烙坏什么原因 梅龙镇酒家 南京西路总店怎么样 为什么电烙铁老是坏,有什么办法可以延长他的寿命 宝通路宝山路到南京西路梅龙镇酒家便捷交通路线 电烙铁怎么没用两天就坏了,是什么原因啊? 上海梅龙镇酒店在那里,有几个? 常见的软水机都是用树脂和盐,售价几千元,但我发现有一款几百块的软水机,它是用次磷酸钠。哪种更好? 怎么诱蜂王 xadmin为什么设置了use 桉树如何计算方数桉树尾径11.1算14吗 1年前,一个台湾某集团董事长的儿子 和车友骑车下山的时候坠落悬崖摔死了。谁知道那个死者叫什么名字? VUE遇到的坑---queryselector选择器的问题 vue中使用swiper(一页显示3张图片)遇到的坑以及解决方案 使用create-vue过程中遇到的一些问题 vue3.2版本中使用pdfjs-dist与坑点 手表调时间每天快10几秒,10天就两分钟!调回去怎么调?什么时间又不能调,说影响齿轮 如图所示:这个字读音是什么啊? 3米4厘米十8分米用小数计算 大学里学生会的主席怎么选拔出来的? 龙战士4尼斯塔镇怎么走 psp幻想传说 阿鲁法尼斯塔之都逃过士兵的视线 康涅狄格州有什么好玩的地方?哪些景点必去? psp幻想传说忍者之里和阿鲁法尼斯塔之都码头的螃蟹,鸡边的宝箱怎么拿? 蛋神二哪一集是映雪在家里病倒了 口袋妖怪复刻蛋神怎么样 蛋神技能属性分析 金龙羽和金祥羽的区别 金龙羽电线和金福友电线哪个好 谁说碎花裙是少女专属?春季掌握这些搭配思路,轻松解锁轻熟美 1290泰铢等于多少人民币 南方全站仪NTS-662开机问题。 if (!document.getElementsByTagName) return false;