javascript canvas html5性能问题

因此,我正在修补使用画布制作旧学校游戏的乐趣. Firefox很慢,但chrome dosent有firebug,我发现使用 javascript开发几乎是一个要求.第一个问题：如果没有萤火虫的帮助,人们如何开发这些复杂的游戏？

第二个问题.有哪些性能提示可以帮助绘制函数(或者只是javascript)执行得更快？在我看来,这是瓶颈的区域(至少对于Firefox).

最后的问题.通过试验firebug中的分析,我可以看到一些人称之为“不良实践”的性能提升,例如：我将代码组织到一个函数列表中,每个函数都做一件事.这比我只是在beginPath()和closePath()之间转储所有代码要慢,但是这样做会导致意大利面条代码,很难遵循.你如何管理平衡？

解决方法

我使用100％Chrome进行开发,然后再测试其他浏览器.

Chrome有一个内置检查器(在我看来)比firebug更好.堆叠检查,步进和物体检查更容易.

右键单击页面,然后单击“检查元素”. (或按CTRL SHIFT I)

然后单击“脚本”选项卡.您将在右侧看到调用堆栈,范围变量,断点,调用堆栈等.将鼠标悬停在变量上不仅可以让您看到它们的值,还可以让您探索它们的嵌套值.