如何知道我的JS哪个部分让它变得迟钝?

时间:2018-05-07 09:00:57

标签: javascript arrays performance optimization html5-canvas

我是一名javascript初学者,我正在努力提高自己的技能。 我目前正在通过网站制作画布和动画。

我要做的是对城市汽车交通进行“模拟”。我知道它没用,但它让我在编码的不同方面工作。

目前,我的代码正在按原样运行,但动画速度慢,有点滞后。有时,代码需要时间来计算汽车的位置。

以下是完整html页面的代码:

.aggregate()

我很确定延迟来自于对绘制函数的不断检查(因为有很多)但是我想确保它是问题。

另外,我尝试使用~~而不是Math.floor(),列表长度的变量和休息来减少延迟,但我不确定它会产生很大的不同,是吗?

我知道我的请求很简陋而且不是很有趣,所以如果您对代码或请求有任何疑问,我将很乐意尽快回答您。

提前致谢并度过美好的一天:)

1 个答案:

答案 0 :(得分:1)

您可以在任何主要的现代浏览器中使用开发者工具查看代码花费时间的位置。从菜单中选择devtools,或按Ctrl + Shift + I或F12(或Mac OS上的Cmd + Shift + I)。可能有“效果”或“性能分析”标签(例如,在Chrome中,它的性能)。您可以使用其中的功能来运行代码,并查看它花费最多时间的功能等等。您的浏览器的开发工具可能会被合理地记录在案。有一篇关于使用Chrome的效果标签here的文章。