Для чего нужна функция requestAnimationFrame

requestAnimationFrame оптимизирует анимации, синхронизируя их с частотой обновления экрана (обычно 60 FPS). Это эффективнее, чем setTimeout/setInterval, так как:

1. Производительность: Браузер объединяет вызовы и останавливает анимацию в неактивных вкладках.
2. Плавность: Избегает "дёрганий" из-за синхронизации с рендерингом.

Пример:

function animate() {
  element.style.left = (parseInt(element.style.left) + 1) + 'px';
  requestAnimationFrame(animate);
}
requestAnimationFrame(animate);

Используется для:

• Плавных анимаций
• Canvas/WebGL-рендеринга
• Сложных визуальных эффектов