vue项目内存泄漏,如何具体定位内存泄漏问题?

发布于 2022-09-11 16:10:23 字数 500 浏览 11 评论 0

clipboard.png
如图在同一个页面刷新之后获取内存快照,每次刷新获取一次,发现刷新之后页面没有释放内存,这是不是属于正常现象?

clipboard.png
这张图是在新开标签页打开同一个页面之后的获取的内存快照。明显就比上图小很多。

另外,在vue项目中,在A页面获取内存快照,然后从A页面路由到B页面,再返回A页面,获取内存快照,选中comparison选项,如下图所示,是否能够依据delta的数值为正值来判断出现内存泄漏了?
没遇到过内存泄漏的问题,小白求教各位了

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我也只是我 2022-09-18 16:10:23

光看这些还不足以断定是否一定存在内存泄漏问题,关于你提到的 snapshot 会递增的情况,有可能是因为项目使用了 vuex,而每次跳转路由页面,一定会或多或少的向 vuex 储存数据的,之后跳离当前页面之后,vuex 中的数据仍然在内存中,但这并不算内存泄漏问题,因为这些数据可能在之后的路由页面还要复用。

一般前端的内存泄漏问题大体出现在事件注册上或者一些使用过但未释放的 dom 节点,多看看项目中各个组件的生命周期中是否有相应的注册逻辑,同时还未在 destoryed 生命周期函数中释放,这种情况可以算作内存泄漏。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文