* createDocumentFragment * requestAnimationFrame ## createDocumentFragment  ## requestAnimationFrame **用来解决setTimeout 和 setInterval 计时不准确的问题** **requestAnimationFrame调用的是系统的时间间隔（固定的17ms 或者 16.67ms），和js代码运行没有关系，所以不会受同步代码执行的影响。** 1. 告诉浏览器要执行一个动画，在下一次重绘或者回流之前，执行回调中的内容 2. 会把每一帧中对 dom 的操作集中起来，在一次重绘或者回流中完成 3. 隐藏或者不可见的元素，requestAnimationFrame不会引起重绘或者回流，对 CPU 和 GPU 友好 4. 默认返回一个id，可以使用 **cancelAnimationFrame** 取消 5. 用法同 setTimeout 和 setInterval  1. 用js实现一个无限循环的动画（递归实现）