css动画仍然比ios 6+中的javascript动画更快吗?

时间:2013-01-10 02:31:20

标签: javascript css mobile-safari

要为元素设置动画,我们可以使用css动画,或者我们可以在javascript中执行此操作。

阅读此内容,似乎css动画预计会比javascript动画呈现更快,因为浏览器可以在本机代码中执行css动画。此信息来自2008年至2011年的帖子。

使用ios 6,情况仍然如此吗?在发行说明中,我找到了这个项目:

"WebKit no longer always creates hardware-accelerated layers 
for elements with the -webkit-transform: preserve-3d option. 
Authors should stop using this option as a way to get hardware 
acceleration."

http://developer.apple.com/library/ios/#releasenotes/General/RN-iOSSDK-6_0/_index.html

由于我对网络动画很陌生,我不确定目前的状态是什么,

由于

2 个答案:

答案 0 :(得分:1)

CSS动画和过渡总是比JavaScript更快,因为只需要处理一条指令,而不必遵循相同效果所需的所有JS指令。

答案 1 :(得分:0)

我将发布消息解释为“不再保证值preserve-3d强制执行硬件加速”(并且不应该用作断言HA的黑客攻击) 。如果UA选择来使用HA,那么它就有充分的理由。

无论如何,原生实现的CSS过渡仍然比手动JS动画更快(至少一般来说)。此外,当您使用简短的[基本] CSS实现相同的功能时,没有理由使用JavaScript。