Javascript 使用Timeline Chrome开发工具了解节点计数
我正在开发一个web应用程序,其中每个Javascript 使用Timeline Chrome开发工具了解节点计数,javascript,google-chrome,google-chrome-devtools,Javascript,Google Chrome,Google Chrome Devtools,我正在开发一个web应用程序,其中每个mousemove事件都会创建一个div 当使用Chrome Developer Tool Timeline进行评测时,我看到节点数量增加(绿线),但在移动鼠标时,分离的DOM树数量非常少。 当鼠标不移动时,节点计数保持稳定,且从不减少/增加 我想知道: 节点计数(绿线)是如何工作的?记录开始时是否累计提供记忆信息 我被怀疑是DOM内存泄漏,但在堆中我看到很少分离的DOM树。节点数的稳定增加会有什么问题 节点计数是否影响JS应用程序的总内存 文档DOM树/
mousemove
事件都会创建一个div
当使用Chrome Developer Tool Timeline进行评测时,我看到节点数量增加(绿线),但在移动鼠标时,分离的DOM树数量非常少。
当鼠标不移动时,节点计数保持稳定,且从不减少/增加
我想知道:
- 节点计数(绿线)是如何工作的?记录开始时是否累计提供记忆信息
- 我被怀疑是DOM内存泄漏,但在堆中我看到很少分离的DOM树。节点数的稳定增加会有什么问题
- 节点计数是否影响JS应用程序的总内存
和文档DOM树/xxx条目
之间有什么区别对象计数