首页 > 试题广场 >

关于js动画和css3动画的差异性

[问答题]
关于js动画和css3动画的差异性你了解吗?请简单谈一下、

css3动画:css3之后添加了transform动画计算函数,所以实现动画更为简单方便,并且transform矩阵是C++级的计算,所以速度会快很多。但是动画控制上不是特别灵活,部分动画无法实现(比如轮播图,视差滚动都需要js去参与)并且兼容性也存在一定问题。

js动画:一般可以使用requestAnimationFrame去实现,js动画相对css3动画来说,控制力更强一些,可以单帧的控制变换,同时可以兼容到IE6版本的浏览器,并且功能非常强大,但是它编码较为繁琐,并且运算预渲染性能都不如css3动画。

所以,综合考虑,简单的交互动画就用css3实现,控制比较复杂、比较繁琐的交互动画可以交由js实现。

发表于 2019-03-17 20:49:26 回复(0)

css3后来添加了transform动画函数

css3动画与js动画的区别:

js功能涵盖面比css3广

css3比js更易实现

css3存在兼容问题 js不存在兼容问题

发表于 2019-06-06 16:55:56 回复(0)
在Chromium基础上的浏览器中或者JS在执行一些昂贵的任务或者同时CSS动画不触发layout或paint的时候CSS动画比JS流畅
功能涵盖面,JS比CSS3大
实现/重构难度不一,CSS3比JS更简单,性能调优方向固定
对于帧速表现不好的低版本浏览器,CSS3可以做到自然降级,而JS则需要撰写额外代码
CSS动画有天然事件支持,JS则需要自己写事件
CSS3有兼容性问题,而JS大多时候没有兼容性问题
发表于 2019-04-30 15:11:42 回复(0)