Специализация
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 в телеграм
Как работает Shadow DOM? Какие преимущества он дает для разработки веб-компонентов?
Shadow DOM создает изолированное дерево DOM для веб-компонента, которое скрыто от остальной части документа.
Плюсы:
Изолирует стили и разметку.
Упрощает повторное использование.
Инкапсулирует логику.
Что такое Progressive Enhancement и Graceful Degradation? Как HTML может поддерживать оба подхода?
Progressive Enhancement и Graceful Degradation — это два подхода к веб-разработке, направленные на создание адаптивных и доступных веб-приложений.
Progressive Enhancement: Старт с базовой версии и добавление улучшений для современных браузеров.
Graceful Degradation: Старт с полной версии и адаптация для старых браузеров.
Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?
Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.
Что такое CORS (Cross-Origin Resource Sharing), и как он относится к встроенным элементам типа <iframe>, <img>, и <script>?
CORS — это механизм, который позволяет ограничить или разрешить обмен данными между разными доменами. Браузеры по умолчанию запрещают запросы к ресурсам с другого домена для обеспечения безопасности. Чтобы разрешить такие запросы, сервер должен отправить специальные заголовки. Элементы, такие как <iframe>, <img> и <script>, могут загружать ресурсы с других доменов, но для некоторых операций, например, доступа к содержимому <iframe> из другого домена, требуется поддержка CORS.
Как работают hidden classes и shape-based оптимизации в V8?
Hidden classes (скрытые классы) в V8 — это внутренние структуры, которые движок создает для представления форм объектов и их свойств. Когда вы создаете объекты с одинаковыми свойствами, V8 присваивает им один и тот же скрытый класс, что ускоряет доступ к их свойствам. Shape-based оптимизации позволяют движку быстро определять, где находятся свойства в памяти, что значительно уменьшает время доступа к ним.
Как использовать MessageChannel для обмена сообщениями между потоками?
Для чего нужен хук useImperativeHandle?
Что такое чейнинг функций (chaining) в JavaScript? Приведите пример реализации.
Что такое tree shaking в Webpack?
Что такое webpack-chunk-hash и зачем он нужен?
Рейтинг:
2
Сложность:
8
MessageChannel — это API в JavaScript, который позволяет создавать канал для обмена сообщениями между потоками, такими как главный поток и Web Workers. Он состоит из двух объектов: port1 и port2, которые можно использовать для отправки и получения сообщений. Этот механизм обеспечивает двустороннюю связь и помогает синхронизировать действия между потоками.
Рейтинг:
2
Сложность:
8
Хук useImperativeHandle позволяет управлять тем, какие методы и свойства доступны родительскому компоненту через реф. Он используется в сочетании с forwardRef, чтобы создавать компоненты, которые могут предоставлять управляемые интерфейсы, позволяя родителям вызывать определенные функции на дочерних компонентах, такие как фокусировка или анимация.
Рейтинг:
2
Сложность:
6
Чейнинг функций — это техника, позволяющая вызывать несколько методов последовательно в одном выражении. Это достигается тем, что каждый метод возвращает сам объект, на котором он вызывается. Примером может быть вызов методов массивов, таких как map(), filter() и reduce(), или построение объектов через последовательные вызовы методов.
Рейтинг:
5
Сложность:
8
Tree shaking — это процесс удаления неиспользуемого кода из сборки. Он работает с модулями ES6, используя статический анализ для исключения "мертвого" кода.
Рейтинг:
3
Сложность:
7
webpack-chunk-hash генерирует уникальные хэши для чанков на основе их содержимого. Это важно для кэширования: измененные файлы получают новый хэш, а неизмененные остаются закэшированными, ускоряя загрузку.
Рейтинг:
3
Сложность:
6
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
3
Рейтинг:
4
Сложность:
6
Рейтинг:
1
Сложность:
8
