Question

我正在使用jQuery创建一个游戏，我需要在每个刻度（大约0.02秒）更新200+（有时是300）div。现在性能很好（虽然超出限制）并且可以在大多数浏览器上运行。

我的游戏使用“单位”，这是一个具有Create（）和Update（）功能的类。 Create（）创建一个32x32大小的div并给它一个名字，而Update（）用两个重要的css调用设置位置：

    $("#unit"+this.uid).css("left", posx+"px");
    $("#unit"+this.uid).css("top", posy+"px");

我被告知HTML5会运行得更快“因为HTML5画布的内容不会改变DOM树”。这会对我的情况有影响吗？我自己测试一下，但我没有HTML5的经验或知识，想知道我是否应该先尝试一下。

提前谢谢。

Answer 1

您可能想要探索CSS3过渡。您可以在一段时间内为css属性设置动画，而不是每个刻度。它还能够在webkit浏览器上使用硬件加速。