Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
让CSS动画在JavaScript运行时流畅?_Javascript_Css - Fatal编程技术网

让CSS动画在JavaScript运行时流畅?

让CSS动画在JavaScript运行时流畅?,javascript,css,Javascript,Css,我正在开发一个Ember应用程序,它显示了很多实时数据,这使得JS线程非常繁忙 我想用CSS3添加一些很好的流体动画,但是使用JS在引擎盖下工作会使整个应用程序变得滞后 有没有办法优先考虑CSS动画以使其流畅? 毕竟,我不在乎我的数据在半秒钟内是否没有更新 我的主要目标是Chrome和Firefox,也许可以尝试制作CSS动画 CPU和GPU将分开运行,您应该尝试一下,看看它是否能给您带来改进 你可能想调查一下网络工作者 如果让所有ajax和数据处理都由webworker线程完成,并且仅由DOM

我正在开发一个Ember应用程序,它显示了很多实时数据,这使得JS线程非常繁忙

我想用CSS3添加一些很好的流体动画,但是使用JS在引擎盖下工作会使整个应用程序变得滞后

有没有办法优先考虑CSS动画以使其流畅? 毕竟,我不在乎我的数据在半秒钟内是否没有更新


我的主要目标是Chrome和Firefox,也许可以尝试制作CSS动画


CPU和GPU将分开运行,您应该尝试一下,看看它是否能给您带来改进

你可能想调查一下网络工作者

如果让所有ajax和数据处理都由webworker线程完成,并且仅由DOM线程显示,则可以节省大量由计算引起的开销/延迟

一句忠告。不要执行worker.postMessage(arg,arg),而是使用单个参数执行worker.postMessage(arg)

然后将发布对象本身,而不是将其转换为json并在另一个线程中转换回。节省大量cpu时间。 请记住,发布对象的线程将“丢失”对象(以防止并发问题)


此外,DOM元素不能发布到webworker,因此,如果您发布到worker,请确保您的数据是“干净的”。

我认为这并不容易,Ember以不同的方式工作,实现webworker可能非常困难。Javascript就是Javascript。您所要做的就是创建一个javascript对象
var x={};x、 计算=数组;x、 点=带有对象的某些阵列;worker.postMessage(x)记住,ember使用javascript,不会覆盖它。如果您有一些计算/处理的示例代码,则会更容易,但本质上,您需要清理数据,将其发布到worker,将其取回,并呈现所需的所有内容。我已经找到了一个用于Ember实现web workers的插件,我将尝试向我的团队推荐它。谢谢即使使用GPU,动画也有点滞后,要让每个需要转换的元素都使用GPU并不容易。顺便说一句,我会尽可能地实现它。谢谢