这里requestAniamtion有什么作用

同学你好，requestAnimationFrame和setTimeout这两个从实现效果上没有区别，主要是不是自己手动添加执行时间有动画过程的区别。

requestAnimationFrame不需要手动添加时间就有动画过程；setTimeout是手动添加动画时间才有动画过程。使用哪个都可以。课程中也是用了兼容，如果浏览器不支持的requestAnimationFrame的话，就使用定时器。

祝学习愉快！

同学你好，window.requestAnimationFrame() 告诉浏览器你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。最主要的是这个方法执行回调函数是有时间间隔的，也就是可以看到元素是有动画的。

如果不使用window.requestAnimationFrame()，step内部调用自己，点击按钮，元素就会直接移动到右侧。没有过渡动画。

自己可以测试下，祝学习愉快！