requestAnimationFrame Descripción

requestAnimationFrameEs una API proporcionada por el navegador para realizar la operación de animación especificada antes de que se vuelva a dibujar el navegador. En comparación con setTimeouto setInterval, requestAnimationFramela ventaja es que puede evitar la pérdida de fotogramas y mejorar la suavidad y el rendimiento de la animación.

Los pasos básicos a utilizar requestAnimationFrameson los siguientes:

1. Escribe una función que realice la acción que necesita ser animada.
2. Llame  requestAnimationFrame a la función, pasando la función anterior como argumento.
3. Realice la animación en la función anterior y  requestAnimationFrame vuelva a llamar a la función cuando la animación deba actualizarse.

Cabe señalar que, dado que requestAnimationFramela frecuencia de llamada de es la misma que la frecuencia de actualización de la pantalla, la frecuencia de fotogramas de la animación debe controlarse de acuerdo con la situación real. Al mismo tiempo, para evitar el desperdicio de recursos, se recomienda pausar la operación de animación cuando la página no esté visible.