$cat~/glossario/requestanimationframe.md

requestAnimationFrame

Web Platform

Agenda callback sincronizado ao repaint do navegador (~60fps).

requestanimationframe.mdmarkdown
01

seção

Explicação

requestAnimationFrame — Agenda callback sincronizado ao repaint do navegador (~60fps).

rAF agenda callback antes próximo repaint (~60Hz). Cancel com cancelAnimationFrame.

Preferível a setTimeout para animações suaves — sincroniza com display refresh.

02

seção

Exemplo

snippetJavaScript
function tick() {  update();  requestAnimationFrame(tick);}requestAnimationFrame(tick);
03

seção

Modo de uso

  • Animate sem CSS

  • Measure layout pós-DOM update

  • Throttle visual updates

04

seção

Armadilhas comuns

  • Background tab throttled

  • Não substituir IO para visibility

05

seção

Termos relacionados