Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Timeline Chrome开发工具了解节点计数_Javascript_Google Chrome_Google Chrome Devtools - Fatal编程技术网

Javascript 使用Timeline Chrome开发工具了解节点计数

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树/

我正在开发一个web应用程序,其中每个
mousemove
事件都会创建一个div

当使用Chrome Developer Tool Timeline进行评测时,我看到节点数量增加(绿线),但在移动鼠标时,分离的DOM树数量非常少。 当鼠标不移动时,节点计数保持稳定,且从不减少/增加

我想知道:

  • 节点计数(绿线)是如何工作的?记录开始时是否累计提供记忆信息
  • 我被怀疑是DOM内存泄漏,但在堆中我看到很少分离的DOM树。节点数的稳定增加会有什么问题
  • 节点计数是否影响JS应用程序的总内存
  • 文档DOM树/xxx条目
    对象计数
    之间有什么区别

编辑:

经过一些研究,我怀疑在这种情况下,节点数的增加并不一定意味着内存泄漏(同样在运行Chrome/Task Manager时,我看到JS内存稳定且没有持续增加)。 它很可能表示浏览器在内存中的使用情况,实际上我在30秒钟内没有移动鼠标或打开另一个选项卡/窗口,垃圾收集器启动,内存被清除,如下图所示。 顺便说一句,任何关于这方面的专家建议都是非常受欢迎的:)

有趣的是: