css动画和js动画区别

1. js是逐帧动画,每一帧都是由代码控制,操作不当,极易引发回流
   css是关键帧动画,补间动画部分由浏览器完成,便于浏览器进行优化,动画执行过程控制的更好
   
2. js的动画执行在主线程,主线程还有其他任务要执行,容易引发阻塞和等待,降低动画执行效率
   css的动画执行在合成线程,专事专干,不阻塞主线程,合成线程的动画也不会触发回流和重绘

3. js动画运行在CPU,还有其他任务,易影响
    css动画允许在GPU,专注渲染,更快
 
 

 

posted @ 2021-09-08 11:08  看风景就  阅读(295)  评论(0编辑  收藏  举报