CSS动画、JS动画区别

China☆狼群 提交于 2020-02-03 12:20:30

区别:

                                  JS动画                                    CSS动画
优点

1、控制能力强,可以实现开始,暂停,终止等行为

2、可实现的动画效果丰富

3、无兼容性问题

1、性能较好,浏览器会对CSS动画做一些优化

2、代码相对简单

缺点

1、JS在浏览器的主线程中运行,线程可能会出现阻塞状态,导致丢帧

2、代码复杂度高

1、在动画的控制上不够灵活(不能添加事件绑定回调函数)

2、只能实现简单动画,不能实现复杂逻辑的动画

3、代码冗长

4、兼容性不好

结论

若只是实现简单的状态切换,或交互效果,不需要中间过程控制,首选CSS动画

若实现复杂控制动画,选择JS动画更好

 

参考:https://www.cnblogs.com/shuaishuaidejun/p/7444711.html

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!