简单
技术面试0 次浏览在腾讯业务里,前端页面可能会有多个动画效果。请解释 CSS3 动画和 JavaScript 动画的区别,并说明在什么场景下适合使用哪种动画。
腾讯前端工程师
CSS3JavaScript动画
答题要点
采用对比分析法来答题。关键要点:一是性能方面,CSS3 动画由浏览器渲染引擎直接处理,性能较好,适合简单、固定的动画;JavaScript 动画依赖 CPU 计算,性能相对较弱,但更灵活。二是复杂度,CSS3 动画代码简单,易于实现;JavaScript 动画可以实现复杂的逻辑和交互。三是兼容性,CSS3 动画在现代浏览器支持较好,但旧浏览器可能存在兼容性问题;JavaScript 动画兼容性更好。示例思路:先说明 CSS3 动画性能好、代码简单但兼容性有局限,适合简单动画;再阐述 JavaScript 动画灵活但性能稍弱,适合复杂交互的动画场景。