Vue项目内存泄漏排查

来源:

wibc666

2022-01-13

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

相关截图:打包后录制的
https://img.mukewang.com/szimg/61e03cee08cc30ac10010396.jpg
https://img.mukewang.com/szimg/61e03d04085d4aaa10010369.jpg

相关截图:这张是没用打包前录制的,这个录制的时间比较短
https://img.mukewang.com/szimg/61e03cf608ab6b0410010253.jpg

写回答

2回答

wibc666

提问者

2022-01-18

https://img.mukewang.com/szimg/61e6b7b608cc157610000750.jpg
老师,我观察这个DOM Nodes稳稳地在增加,是不是导致我网页奔溃的原因?这个也是占内存的是吗?

0
0

双越

2022-01-14

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

0
4
双越
回复
wibc666
内存回收的事情我们就不用操心了,只要代码没问题,这个就错不了。内存泄漏的证明方式:1. 功能性上,操作久了会卡顿;2. 内存监控上,操作久了内存会持续上升。
2022-01-19
共4条回复

前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4695 学习 · 1667 问题

查看课程