**屏幕刷新頻率**，屏幕刷新率是指顯示器的屏幕每秒鐘會刷新多少次。目前，大部分的顯示器的刷新頻率為60次/秒，也就是說，屏幕刷新的間隔時間為大約1000/60=16.67ms。所以，一般來說，如果動畫的執行頻率跟屏幕的刷新頻率一致，動畫看起來就可以達到流暢的極限。 requestAnimationFrame和setTimeout有點相似，不同之處在于，setTimeout是在等待指定毫秒數之后被調用，而requestAnimationFrame則是在每次屏幕被刷新時被調用，注意，這里的屏幕刷新并不是指頁面被刷新。requestAnimationFrame方法僅有一個參數，傳入的這個方法將會在下一次屏幕刷新時被調用（實際上是被推入調用隊列，并未立即執行），它的用法大體如下 window.requestAnimationFrame(function(){ console.log('測試'); }) 上述的寫法會在下一次屏幕刷新時輸出一個字符串。 requestIdleCallback requestIdleCallback跟setTimeout和requestAnimationFrame又有所不同。試想一下各位有沒有過這樣的需求，因為JavaScript的單線程特性，為了提升性能，我們有時候會想把一些不是特別重要的或者一些非常耗時的操作放在在瀏覽器空閑的時候去執行，那怎么判斷當前瀏覽器是否空閑呢，requestIdleCallback提供了這樣的一個功能。 requestAnimationFrame 比起 setTimeout、setInterval的優勢主要有兩點： 1、requestAnimationFrame 會把每一幀中的所有DOM操作集中起來，在一次重繪或回流中就完成，并且重繪或回流的時間間隔緊緊跟隨瀏覽器的刷新頻率，一般來說，這個頻率為每秒60幀。 2、在隱藏或不可見的元素中，requestAnimationFrame將不會進行重繪或回流，這當然就意味著更少的的cpu，gpu和內存使用量。