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() 開始去執行回調函數的時刻。