requestAnimationFrame函数使用的注意点

官方说明文档：

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame

注意点：

1、有开启就记得关闭

let stop = null
stop = requestAnimationFrame(this.animate)
window.cancelAnimationFrame(stop) // 取消动画

2、传递了时间参数

默认传递时间参数timestamp

requestAnimationFrame(loop)
loop (timestamp) {
  console.log(timestamp)
  requestAnimationFrame(loop)
}

同样也可以通过performance.now()获取时间参数timestamp

loop () {
  let e = performance.now()
  console.log(e)
}

即
requestAnimationFrame(loop)该回调函数loop()会被传入DOMHighResTimeStamp参数，该参数与performance.now()的返回值相同，它表示requestAnimationFrame() 开始去执行回调函数的时刻。