Специализация
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 в телеграм
Что такое Content Delivery Network (CDN) и как правильно подключать ресурсы HTML через CDN для повышения производительности?
Content Delivery Network (CDN) — это сеть серверов, расположенных по всему миру, которые хранят копии статических ресурсов веб-сайта, таких как изображения, CSS и JavaScript. Подключение ресурсов через CDN позволяет загружать их с ближайшего сервера, что ускоряет время загрузки страницы и снижает нагрузку на основной сервер. Для подключения через CDN обычно используют URL внешних ресурсов, например:
<script src="https://cdn.example.com/library.js"></script>Как работает Web Workers? В чем их преимущества и ограничения?
Web Workers — это скрипты, которые выполняются в фоновом режиме, отделенные от основного потока выполнения. Это позволяет выполнять тяжелые вычисления без блокировки пользовательского интерфейса, что улучшает отзывчивость приложений. Однако Web Workers имеют ограничения, такие как отсутствие доступа к DOM и использование только безопасного контекста.
Как можно синхронизировать работу между главным потоком и воркерами?
Синхронизация между главным потоком и Web Workers осуществляется через механизм сообщений, используя методы postMessage и обработчики onmessage. Главный поток отправляет сообщения в worker, а worker может отвечать тем же способом. Однако синхронизация не является мгновенной, поэтому важно учитывать, что сообщения передаются асинхронно.
Как использовать Service Workers для реализации офлайн-приложений и кэширования ресурсов?
Service Workers — это скрипты, работающие в фоновом режиме и позволяющие веб-приложениям работать в офлайн-режиме, а также кэшировать ресурсы для ускорения загрузки. Для их использования необходимо зарегистрировать Service Worker в основном скрипте приложения, а затем использовать API кэширования для сохранения ресурсов. Это позволяет пользователям продолжать использовать приложение, даже когда интернет-соединение отсутствует.
Можно ли из Web Worker'а напрямую отрендерить React-компонент (или компонент другого фреймворка) в DOM?
Нет, Web Worker не может напрямую изменять DOM или рендерить компоненты. Он работает в изолированном потоке без доступа к document или window. Однако можно:
comlink, чтобы упростить обмен данными.Для чего нужен Service Worker?
Чем отличается Web Worker от основного потока?
Какой механизм взаимодействия основного потока с Web Worker?
В какой момент мидлвары отрабатывают в цикле Redux?
Как организована работа с задачами (Trello, колонки, приоритеты)?
Рейтинг:
5
Сложность:
8
Service Worker — это скрипт, работающий в фоне, отдельно от веб-страницы. Он позволяет:
Кешировать ресурсы для оффлайн-работы.
Перехватывать сетевые запросы (например, для PWA).
Отправлять push-уведомления.
Рейтинг:
3
Сложность:
8
Основной поток (UI thread) отвечает за выполнение JavaScript, отрисовку страницы и обработку событий. Web Worker — это фоновый поток, который может выполнять сложные вычисления, но не имеет доступа к DOM и некоторым API браузера.
Рейтинг:
3
Сложность:
7
Основной поток и Web Worker общаются через асинхронные сообщения с помощью postMessage и события onmessage. Данные передаются копированием (не общей памятью), если не используется SharedArrayBuffer.
Рейтинг:
3
Сложность:
5
Middleware отрабатывают после вызова dispatch() но до того, как экшен достигнет редюсеров. Они находятся в середине процесса диспатча, между инициацией экшена и фактическим обновлением состояния. Каждое middleware в цепочке получает экшен и решает передать его дальше, модифицировать или отменить.
Рейтинг:
3
Сложность:
3
Рейтинг:
3
Сложность:
5
Рейтинг:
4
Сложность:
7
Рейтинг:
4
Сложность:
7
Рейтинг:
4
Сложность:
7
Рейтинг:
3
Сложность:
9