css3动画和javascript动画相比谁更快

html-css014

css3动画和javascript动画相比谁更快,第1张

JavaScript和jQuery是错误地混为一谈。JavaScript动画是快速的。jQuery是慢下来。为什么呢?因为尽管jQuery是非常强大的-它从未jQuery的设计目标是一个高性能的动画引擎:

jQuery是无法避免的 layout thrashing由于它的代码库,多用在动画。

jQuery的内存消耗经常触发垃圾收集暂时冻结的动画。

jQuery使用setInterval代替requestanimationframe(RAF)为为了保护自己的新手。

请注意,layout thrashing是什么原因导致缓慢的开始动画,垃圾收集是什么导致口吃的原因在动画,和Raf的缺失是什么通常产生较低的帧速率。

要看复杂程度了,正常情况下css3 的加载优先于js 和canvas ,这里以动画举例,当 动画 过多的时候就推荐 canvas ,测试 6个 以上的动画 , 就推荐canvas了,这里的canvas 是通过js 配合写的!

这个一般用画布做,然后用一个二维数组来排列, 类似一个像素盘,用0和1代表是否填充,比如数字0的数组就是 [[1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,1]] 这样渲染以后就是一个长方形,文字类似....