В чём разница между анимацией на requestAnimationFrame и SetInterval?
для качественной анимации предпочтителен requestAnimationFrame, поскольку браузер синхронизирует его работу с перерисовкой и дополнительно оптимизирует выполнение.
Читать ответПодготовка к интервью
111 вопросов с собеседований в Магнит
Что проверяют на интервью
Подборка объединяет вопросы, отмеченные на этапах интервью в Магнит. Здесь можно понять структуру технической проверки и заранее повторить связанные темы. В подборке чаще встречаются темы: frontend, api, async.
Каталог
для качественной анимации предпочтителен requestAnimationFrame, поскольку браузер синхронизирует его работу с перерисовкой и дополнительно оптимизирует выполнение.
Читать ответБезопасность типов в TypeScript any полностью отключает контроль типов unknown нельзя использовать без предварительной проверки С типом any любые операции выполняются без ошибок типизации Для unknown нужны явное…
Читать ответCookie хранится в браузере пользователя как небольшой текстовый файл При каждом запросе cookie отправляется клиентом на сервер через HTTP headers Сессии обычно размещаются на сервере — в памяти, базе данных или кеше…
Читать ответДля чего применяют requestAnimationFrame? браузерный API для создания анимаций на JavaScript подстраивает обновления под частоту обновления дисплея (примерно 60 fps) поддерживает плавность и помогает экономить ресурсы…
Читать ответВ React Router навигация строится на сопоставлении URL с объявленными маршрутами (routes). Если адрес не соответствует ни одному из настроенных маршрутов, React Router не рендерит связанный с ним компонент. Для таких…
Читать ответКак в TypeScript работают type guards? механизм сужения типа при выполнении программы определяет тип или свойства значения применяется в условиях (if, instanceof, typeof) обеспечивает безопасный доступ к свойствам и…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответтема: асинхронность в JavaScript Промис представляет собой объект асинхронного результата Event Loop координирует выполнение очереди микротасков и макротасков then/catch/finally — микротаски в Event Loop промисы…
Читать ответКак на фронтенде реализуется авторизация? Авторизация представляет собой управление доступом пользователя с помощью токенов. Access токен обычно помещают в HttpOnly Cookies, чтобы снизить риск XSS, либо хранят в…
Читать ответСтруктуры данных JavaScript основные примитивы: string, number, boolean коллекции: Array (список с заданным порядком), Object (хранилище пар «ключ-значение») структуры, появившиеся в ES6: Map — коллекция пар…
Читать ответОтличия interface и type в TypeScript Оба инструмента описывают структуры типов и используются на этапе компиляции interface применяют для задания формата объектов и классов; он поддерживает расширение (extends,…
Читать ответБраузерный API для эффективного выполнения анимаций Синхронизирует callback с перерисовкой экрана Позволяет работать с 60 FPS либо частотой обновления дисплея Для плавности заменяет setTimeout/setInterval Сокращает…
Читать ответ