- js动画代码相对复杂一些
- 动画运行时,对动画的控制程度上,js能够让动画暂停、取消、终止,css动画不能添加事件
- 动画性能看,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有兼容性问题
css动画和js动画的差异性
最新推荐文章于 2023-08-21 16:54:31 发布