Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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内存泄漏和Profiling?_Javascript_Jquery_Performance_Google Chrome Devtools - Fatal编程技术网

javascript内存泄漏和Profiling?

javascript内存泄漏和Profiling?,javascript,jquery,performance,google-chrome-devtools,Javascript,Jquery,Performance,Google Chrome Devtools,我是javascript开发的新手。我构建了一个巨大的javascript应用程序。在测试应用程序时,我使用了chrome开发工具,但我不知道如何分析。我拍摄了一个堆快照,快照上有32mb的内存 它是什么(32mb)以及如何知道javascript中的内存泄漏 如何使用配置文件来测量我的应用程序?您只需按F12键,您将在那里获得配置文件选项。如果要检查完成按钮单击操作所需的时间,只需选择收集Javascript CPU配置文件,然后说开始。然后单击所需按钮,然后停止。您将获得单击此处的详细分析。

我是javascript开发的新手。我构建了一个巨大的javascript应用程序。在测试应用程序时,我使用了chrome开发工具,但我不知道如何分析。我拍摄了一个堆快照,快照上有32mb的内存

它是什么(32mb)以及如何知道javascript中的内存泄漏


如何使用配置文件来测量我的应用程序?

您只需按F12键,您将在那里获得配置文件选项。如果要检查完成按钮单击操作所需的时间,只需选择收集Javascript CPU配置文件,然后说开始。然后单击所需按钮,然后停止。您将获得单击此处的详细分析。您可以稍后检查哪些地方可以减少操作所花费的总时间。i、 例如,优化它。出于同样的目的,您也可以在IE中使用开发者工具

对于优化,您可以避免不必要的循环,将元素存储在变量中,然后使用代码中经常需要的元素。等。

您还可以在chrome的右下角查看错误(如果有),并可以解决这些错误以进行优化

配置文件将为您提供父函数和在父函数内部单独调用的其他函数所花费的时间,这有助于独立优化每个函数。

当您启动和停止配置文件器进行任何操作(如单击按钮)时,您将在Chrome配置文件中获得该操作的总时间(以秒或毫秒为单位)。如果时间超过用户接受该操作的时间,则可以修改/优化javascript代码。如果任何操作花费的时间超过了用户接受的时间,这意味着您的站点没有良好的性能,需要优化。用户接受时间完全取决于操作类型

DevTools能够向您显示看起来像泄漏的对象。 描述的最简单和有用的技术


在it部门的帮助下,gmail团队的人员设法做到了。

你读过devtools文档吗?你想知道Chrome浏览器是如何访问配置文件工具的吗?当你启动和停止配置文件器进行任何操作(如点击按钮)时,你将在Chrome配置文件中获得该操作的总时间(以秒或毫秒为单位)。如果时间超过用户接受该操作的时间,则可以修改/优化javascript代码。如果任何操作花费的时间超过了用户接受的时间,这意味着您的站点没有良好的性能,需要优化。用户接受时间完全取决于操作类型。