Vue项目内存泄漏排查

Question

问题描述:老师打扰了，由于内存泄漏的问题还有蛮多疑问想请教，下面performance 这两个图算不算内存泄漏，这是两个路由频繁来回切换录制的，打包前打包后效果还不一样这是为啥？这到底该怎么看是否泄漏，是的话如何定位泄漏的地方，vue项目在32g内存系统频道不间断操作一个多小时，浏览器资源管理的内存占空间可以达到1g多，然后奔溃，这种问题除了内存泄漏，还有什么原因引起的吗？

相关截图:打包后录制的



相关截图:这张是没用打包前录制的，这个录制的时间比较短

Answer 1

提问者 wibc666 2022-01-18 20:51:02

老师，我观察这个DOM Nodes稳稳地在增加，是不是导致我网页奔溃的原因？这个也是占内存的是吗？

Answer 2

双越 2022-01-14 08:20:36

“浏览器资源管理的内存占空间可以达到1g多，然后奔溃”—— 这应该是内存泄漏

• 提问者 wibc666 #1

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

• 双越 回复 提问者 wibc666 #2

  按理说，正常页面会有涨跌变化（内存垃圾回收不是实时的，是隔一段时间回收一次），但不会像你说的操作久了就崩溃。

• 提问者 wibc666 #3

  老师，有没有可能项目本身操作占内存，内存没有实时回收，导致部分没有回收完，一直累积导致的奔溃，并没有内存泄漏？频繁操作列表路由跳转到表单路由，确认是否内存泄漏问题，最好的证明方式是什么？

点开查看后面1条评论