vue项目内存泄漏,如何具体定位内存泄漏问题?
如图在同一个页面刷新之后获取内存快照,每次刷新获取一次,发现刷新之后页面没有释放内存,这是不是属于正常现象?
这张图是在新开标签页打开同一个页面之后的获取的内存快照。明显就比上图小很多。
另外,在vue项目中,在A页面获取内存快照,然后从A页面路由到B页面,再返回A页面,获取内存快照,选中comparison选项,如下图所示,是否能够依据delta的数值为正值来判断出现内存泄漏了?
没遇到过内存泄漏的问题,小白求教各位了
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
光看这些还不足以断定是否一定存在内存泄漏问题,关于你提到的 snapshot 会递增的情况,有可能是因为项目使用了 vuex,而每次跳转路由页面,一定会或多或少的向 vuex 储存数据的,之后跳离当前页面之后,vuex 中的数据仍然在内存中,但这并不算内存泄漏问题,因为这些数据可能在之后的路由页面还要复用。
一般前端的内存泄漏问题大体出现在事件注册上或者一些使用过但未释放的 dom 节点,多看看项目中各个组件的生命周期中是否有相应的注册逻辑,同时还未在 destoryed 生命周期函数中释放,这种情况可以算作内存泄漏。