css动画和js动画的差异性

1. js动画代码相对复杂一些
2.  动画运行时，对动画的控制程度上，js能够让动画暂停、取消、终止，css动画不能添加事件
3. 动画性能看，js动画多了一个js解析的过程，性能不如css动画好
   
   
   
   
   面试题目的参考：
       

   渲染线程分为main thread和compositor thread，如果css动画只改变transform和opacity，这时整个CSS动画得以在compositor trhead完成（而js动画则会在main thread执行，然后出发compositor thread进行下一步操作），特别注意的是如果改变transform和opacity是不会layout或者paint的。

   区别：

   功能涵盖面，js比css大

   实现/重构难度不一，CSS3比js更加简单，性能跳优方向固定

   对帧速表现不好的低版本浏览器，css3可以做到自然降级

   css动画有天然事件支持

   css3有兼容性问题