字节青训营学习DAY5 | 小白学习前端动画

99 阅读1分钟

本文已参与「新人创作礼」活动, 一起开启掘金创作之路。

一、动画的基本原理

1.常见的前端动画技术

sprite动画、CSS动画、JS动画、SVG动画、WebGL动画

2.应用分类

UI动画、基于Web的游戏动画和动画数据可视化

3.动画的演变

GIF、Flash(造成CPU的负载)->到了现在的动画

4.计算机图形学

image.png

5.原理

image.png

image.png

二、前端动画的分类

CSS动画、JS动画、SVG动画

image.png

image.png

image.png

三、实现前端动画

js动画封装函数的学习

四、相关实践

动画资源

image.png

库资源

image.png

工作流程

image.png

建议:

image.png

image.png

动画的优化

image.png

image.png

image.png

image.png

算法的优化

image.png