对于快速网络动画，Javascript/jQuery还是CSS3？

Question

jQuery动画似乎有更好的浏览器支持，但CSS3关键帧看起来确实是快速和流畅的，但并不是很好的浏览器支持。

我想在这里谈谈人们对jQuery或CSS3的看法：

画布游戏：，我看过一些CSS3游戏，那里相当不错。然后，当我们使用画布游戏时，我们已经在使用Javascript，为了做一些快速和肮脏的事情，我们可能还包括jQuery Javacsript库。

还是我们会用这两种游戏来玩帆布游戏？不确定。

网站:普通网站提供内容的，而不是游戏:在普通网页上使用动画的好方法是什么？

我还听到了一些东西，比如: CSS3动画减缓了一些jQuery动画和page...hm上的其他脚本。

为了澄清问题，我只想有人解释一下使用CSS3动画或jQuery动画的一些优点。任何意见都会很好，谢谢！

Answer 1

The Mozilla文档提出了一些关于CSS3动画的有趣要点。

让浏览器控制动画序列可以让浏览器优化性能和效率，例如，通过降低当前不可见的选项卡中运行的动画的更新频率。

WebKit还利用硬件加速合成。对性能的影响比Javascript此时所能做的任何事情都要大得多。(我认为，随着增加更多功能来管理计算，这种情况很快就会改变)，这是因为如果它可以执行计算，它将利用专用的硬件，而不是通过像Javascript这样的翻译语言来实现。

这显然是因为浏览器供应商将以竞争的名义增加对此的支持，并且因为CSS3标准正在接近完成。

我唯一关心的是代码的可管理性，尽管这可以很容易地通过一个体面的转换层来管理。有一些在Javascript中提供优秀的动画引擎，虽然我最近还没有使用或研究过一个，以给出一个准确的性能评估。

Answer 2

对于你问题中的一部分：“网站:对于提供内容的普通网站”，你会想要为其中的一些内容与服务器进行交互。这种交互将通过ajax进行，根据您的问题，将基于jquery。然后考虑您的一些动画将基于确切的数据返回。

jQuery使这种依赖于内容的动画变得如此简单。在一个“正常的网站提供内容”，从逻辑上说，你会有更少的动画比在一个游戏-所以性能/资源占用不是一个问题。