通常在写动画的时候尽量使用CSS3来实现。定时功能可随意选择。顶多就是把cubic-bezier调整一下，找一个看起来舒服的。但是如何让动画更流畅，写出更自然的动画，说实话，我之前并没有想太多。今天分享三角函数相关的内容。如果我刚学前端的时候有人教我这个，我会很高兴。三角函数已经是家常便饭（嘻哈圈里叫OldSchool），它伴随着我们从初中到大学。公式和定理太多了，光是应付考试就要花很多时间。首先快速回顾一下，以确保您记住了基础知识。勾股定理刚学三角函数的时候，我是从三串四串五开始的。勾股定理描述了对于直角三角形，直角两侧的平方和等于斜边的平方。只保留sin、cos、tan，其他的可以通过改造获得。sinθ=a/hcosθ=b/htanθ=a/b极坐标系和单位圆在笛卡尔直角坐标系中，任意点（x，y）都可以转化为极坐标表示（r，θ），其中：r=Math.sqrt(x^2+y^2)θ=Math.atan2(y,x)单位圆的定义是半径为单位长度的圆。圆上任意一点的横坐标是对应角度的余弦值。任意点的纵坐标是对应角度的正弦。简单的图像变换以正弦曲线为例，对函数进行简单的变换，得到不同的结果。正弦曲线公式：y=Asin(Bx+C)+DA控制幅值，A值越大，峰谷越大，A值越小，峰谷越小；B值影响周期，B值越大，则周期越短，B值越小，周期越长。C值会影响图像的左右移动，C值为正时图像向右移动，C值为负时图像向左移动。D值控制上下运动。这个公式非常有用，如果下面的代码让你看不懂，记得回来查看评论。简单复习一下，一定要记住基础知识，那么这些曾经背过的内容和前端代码结合起来会怎么样呢？常见应用场景图像应用最直观的应用就是利用三角函数绘制Wave曲线for(letx=0;x
