Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Для чего используется тег <iframe>?
Тег <iframe> используется для встраивания на страницу содержимого с другого веб-ресурса, например, другого сайта, видео с YouTube или карты. Он создает окно внутри текущей страницы, где загружается внешний ресурс. <iframe> полезен для интеграции стороннего контента, сохраняя при этом основную структуру страницы.
Что такое CORS (Cross-Origin Resource Sharing), и как он относится к встроенным элементам типа <iframe>, <img>, и <script>?
CORS — это механизм, который позволяет ограничить или разрешить обмен данными между разными доменами. Браузеры по умолчанию запрещают запросы к ресурсам с другого домена для обеспечения безопасности. Чтобы разрешить такие запросы, сервер должен отправить специальные заголовки. Элементы, такие как <iframe>, <img> и <script>, могут загружать ресурсы с других доменов, но для некоторых операций, например, доступа к содержимому <iframe> из другого домена, требуется поддержка CORS.
Что такое requestAnimationFrame?
requestAnimationFrame — это метод в JavaScript, который сообщает браузеру, что нужно выполнить анимацию, и просит браузер вызвать указанную функцию для обновления анимации перед перерисовкой. Он синхронизируется с частотой обновления экрана, что делает анимацию плавной и оптимизированной. Вместо использования setTimeout или setInterval для анимации, requestAnimationFrame обеспечивает лучшее управление производительностью и энергопотреблением.
Что такое keyframes и как можно использовать?
Keyframes — это правило в CSS, которое определяет промежуточные состояния анимации. Оно позволяет указать, как элемент должен выглядеть на разных этапах анимации.
Используя директиву @keyframes, можно задавать стили в определённые моменты времени. Затем анимация применяется к элементу через свойство animation, где указывается название ключевых кадров и другие параметры, такие как продолжительность и тайминг.
Чем отличаются динамические сегменты маршрута и параметры запроса (query parameters)?
Динамические сегменты маршрута — это часть пути, указанная через :paramName, которая является обязательной. Параметры запроса (query parameters) передаются через строку после ? и являются необязательными. Динамические сегменты — это часть URL-структуры, а параметры запроса подходят для передачи дополнительной информации.
Отличие анимации при использовании requestAnimationFrame и SetInterval
Когда используют requestAnimationFrame?
Как реагировать на изменение параметров маршрута (params) и обновлять данные?
Как requestAnimationFrame связан с Event Loop?
Что произойдет, если убрать requestAnimationFrame из цикла рендеринга?
Рейтинг:
5
Сложность:
4
setInterval выполняет функцию с фиксированной задержкой, не учитывая частоту обновления экрана, что может приводить к пропуску кадров и лишним вычислениям. requestAnimationFrame синхронизирует выполнение кода анимации с частотой обновления экрана (обычно 60 кадров/с), что делает анимацию плавной и эффективной. Он также автоматически останавливается, когда пользователь переходит на другую вкладку, экономя ресурсы. Для плавных анимаций всегда следует предпочитать requestAnimationFrame.
Рейтинг:
4
Сложность:
6
requestAnimationFrame используют для плавной анимации и визуальных обновлений, синхронизированных с частотой обновления экрана. Он обеспечивает оптимальную производительность, автоматически приостанавливая выполнение когда страница не видна, и вызывая колбэк перед перерисовкой браузера.
Рейтинг:
5
Сложность:
5
При изменении параметров маршрута компонент может не пересоздаваться. Чтобы обновить данные, используют watch на this.$route.params или хук beforeRouteUpdate. В этих местах можно заново запрашивать данные. Такой подход гарантирует, что интерфейс будет соответствовать текущему URL. Это стандартная практика во Vue-приложениях.
Рейтинг:
3
Сложность:
5
Рейтинг:
4
Сложность:
3
Рейтинг:
1
Сложность:
4
Рейтинг:
4
Сложность:
6
Рейтинг:
3
Сложность:
8
Рейтинг:
3
Сложность:
10
Рейтинг:
2
Сложность:
4
