Function / requestanimationframe / ctx.clearRect

Прокрутить вниз


Курс web-программирования настроен на изучение языков разметки html css и языка программирования – javascript. Дадим немного информации, которая будет необходима вам при прохождении теста.

Курс web-программирования — Что такое функция в JavaScript?

JavaScript-функция является объектом функции. Это легко проверить, выполнив проверку (function(){}).constructor === Function, которая вернет true.

Function() создает новый объект Function. Вызов конструктора позволяет создавать функции программным путём. Такой способ представляет угрозу безопасности, а также несет различные (хотя не столь значительные) проблемы с производительностью при использовании с Global_Objects/eval. Однако в отличие от eval конструктор Function создает функции, выполняемые только в глобальной области видимости.

Функция requestAnimationFrame?

requestAnimationFrame указывает браузеру, какая функция будет выполняться для анимации любого типа.

При использовании requestAnimationFrame браузер оптимизирует перерисовку веб-страницы, анимация более ровная, уменьшается нагрузка.

requestAnimationFrame() возвращает идентификатор, который можно использовать для отмены анимации.

При этом браузер сам задает частоту кадров. Которое может изменять, если окно не активно, или низкий заряд батареи в мобильных устройствах и т.д. Частота перерисовки не может превышать 60 раз в 1 секунду (60 кадров в секунду).

requestAnimationFrame является общим методом для анимации, который обычно поддерживают все браузеры, но каждая платформа создала свой оптимизированный метод.

Метод clearRect() очищает заданную область пикселей внутри прямоугольника.