刚刚在开发群看到了一个问题,VueCli脚手架创建项目后自带的demo,通过在Chrome浏览器devtool的性能面板中调试发现,如果一直点击顶部的菜单来回切换路由,内存占用会逐步上升且不会下降。这让我想起了很早以前看过一个视频:游离节点造成的内存泄露【渡一教育】_哔哩哔哩_bilibili
里面提到了游离节点,这是前端性能优化比较常见的问题,DOM节点实际上已经不存在于DOM树中,但是被保存在了变量、常量中,导致GC无法回收。
然而我感到困惑的是,Vue本身就是基于虚拟DOM实现的,不可能没考虑到这个问题。我猜想是Chrome浏览器的问题,毕竟Chrome还有很多没有修复的bug,比如上面视频中提到的bug。
不知各位前端大佬有何看法?