前端内存泄漏这种前端性能问题怎么排查?

Question

老师，我vue系统在4g内存的电脑操作1小时左右会奔溃，这种问题怎么排查?

Answer 1

提问者 wibc666 2022-01-14 18:29:21

奔溃的页面是这样的。老师，是不是但页面应用程序刷新页面谷歌任务管理器内存占用空间都会涨(会涨会降，但总体趋势是涨的)，今天试了一下掘金，弄了一个空项目测试，都是涨的，如果是涨的那频繁操作久一些不是也会崩吗？

Answer 2

Mr_Max 2022-01-08 17:14:32

同学你好！

你的崩溃是浏览器没有响应吗？那可以先看一下内存的增长情况，看看performance, heap map等。然后排查一下自己代码里一些常见问题，是否大量创建而未销毁的定时器、事件，全局变量，监听；还有v-for的地方使用是否合理；还有一些lib添加的元素不用了或者隐藏后关注一下可能要手工清理。如果没有明确的报错信息，1小时左右才出现的问题，大概率是上面提到的一些“小问题“积累导致的内存泄漏。

• 提问者 wibc666 #1

  “有一些lib添加的元素不用了或者隐藏后关注一下可能要手工清理”老师这个指什么？可以举个例子吗？

• 提问者 wibc666 #2

  老师，谷歌任务管理器的内存占空间一直涨，一定是内存溢出吗？

• Mr_Max 回复 提问者 wibc666 #3

  回复你第一个问题：比如有的模态窗它是用Portal或者直接在dom最后动态追回一个节点创建的，用完后有的可能没有清理掉，有的只是这个节点里面的内容清理了，但是每次打开模态窗还会再创建一个新的节点。

点开查看后面1条评论