css动画与js动画的差异?

JavaScript09

css动画与js动画的差异?,第1张

1. js动画代码相对复杂一些

2. 动画运行时，对动画的控制程度上，js能够让动画暂停、取消、终止，css动画不能添加事件

3.动画性能看，js动画多了一个js解析的过程，性能不如css动画好

js动画可以写自己的逻辑控制速度，大小等，css动画没有复杂的逻辑，https://www.apiref.com/css-zh/properties/animation/index.htm，这里有介绍。

理论上来说应该是css更快一点，但是css同样有它的问题，那就是浏览器支持的情况。由于动画是在css3才引入的，所以不支持css3的老式浏览器就不能完成动画，这里一般指的是ie9以前的浏览器。如果想兼容ie的老版本的话，还得要用js来实现。此外，js能够实现的动画更加丰富，css能够实现比较简单的动画。