什麼渲染JavaScript的優化背景下架

Question

我讀this article約javascript優化，有以下一段有：

當視覺上的變化是在你想在正確的時間做你的工作 屏幕發生對於瀏覽器來說，這正好在 框架的開頭。確保您的JavaScript將在 幀開始處運行的唯一方法是使用requestAnimationFrame。

而且這樣的：

框架或樣品可以使用的setTimeout或setInterval的做視覺 變化如動畫，但這個問題是 回調會在某個時候在框架上運行，可能就在 的末尾，而且這通常會導致我們錯過一幀，導致畫面不對齊， 。

我在想這是什麼框架？它是指瀏覽器或設備以60 fps間隔放置的圖片嗎？如果是這樣，那麼callback run at some point in the frame如何在通道中說明？

Answer 1

是的，這裏的框架是屏幕的更新週期。

屏幕不是一次全部更新，而是在更新週期內從頂部更新到底部。在CRT監視器中，屏幕上實際發出的光束點亮了熒光粉，在液晶屏幕上，它只是像素，可以用新數據更新，但它以同樣的方式閃爍。

如果屏幕更新與幀速率同步，動畫將流暢地流動，但是如果間隔以不同的速率運行，它將執行雙重更新，或者對於某些看起來不穩定的週期進行更新。如果更新在sweap通過屏幕的那部分時發生，您甚至可以看到tearing。

更新動畫的理想時間是在vertical blanking interval期間。這是掃描完成一個更新週期並等待下一個啓動的時間。這就是​​的用途。