Специализация
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 в телеграм
Как работают fallback-механизмы в HTML5 для старых браузеров и какие техники следует применять для кроссбраузерной совместимости?
HTML5 предлагает новые теги и функции, которые не всегда поддерживаются старыми браузерами. Чтобы страницы корректно работали в таких браузерах, используются fallback-механизмы — альтернативный контент или теги, которые подхватываются, если основной функционал недоступен. Например, для видео можно использовать элемент <object> или ссылку для скачивания файла, если <video> не поддерживается. Для кроссбраузерной совместимости также применяются полифилы и шимы — скрипты, добавляющие поддержку современных функций в старых браузерах.
Для чего нужны callback и что такое Callback Hell?
Колбэк (callback) — это функция, которая передается другой функции в качестве аргумента и вызывается позже, когда произойдет какое-то событие или завершится операция. Проблема "Callback Hell" возникает, когда функции начинают вкладываться друг в друга слишком глубоко, что делает код трудночитаемым и сложным для поддержки.
Какие бывают значения у background-size?
Свойство background-size в CSS определяет размеры фонового изображения элемента. Основные значения этого свойства включают:
auto (изображение сохраняет свои исходные размеры),
cover (изображение масштабируется, чтобы полностью покрыть элемент), и
contain (изображение масштабируется, чтобы полностью вписаться в элемент, сохраняя пропорции). Понимание этих значений помогает создавать более гибкие и адаптивные дизайны.
Отличие useMemo от useCallback.
useMemo и useCallback оба предназначены для оптимизации производительности в React, но служат разным целям. useMemo запоминает вычисленные значения, а useCallback запоминает функции. Это позволяет избежать лишних вычислений и создания функций при каждом рендере компонента.
Что такое Webpack?
Webpack — это инструмент для сборки модулей JavaScript и других ресурсов, таких как CSS или изображения. Он позволяет объединять файлы в один или несколько выходных пакетов, оптимизировать их для использования в браузере и управлять зависимостями.
Какие точки входа в Webpack?
Что такое выходное свойство Webpack?
Что такое загрузчики Webpack?
Что такое плагины Webpack?
В чем разница между загрузчиком и плагином в Webpack?
Рейтинг:
5
Сложность:
6
Точки входа — это файлы, с которых Webpack начинает строить граф зависимостей. Они задаются в настройках через свойство entry. Можно указать одну точку входа для небольших приложений или несколько — для более сложных.
Рейтинг:
4
Сложность:
5
Выходное свойство Webpack (output) указывает, куда и в каком формате сохраняются файлы после сборки. Оно задает путь к папке и имя итогового файла.
Рейтинг:
4
Сложность:
6
Загрузчики (loaders) в Webpack — это инструменты, которые позволяют обрабатывать файлы разных форматов (CSS, изображения, TypeScript и др.) перед их добавлением в сборку. Они трансформируют исходный код, чтобы Webpack мог его использовать.
Рейтинг:
4
Сложность:
6
Плагины (plugins) в Webpack — это инструменты для расширения возможностей сборки. Они выполняют задачи, такие как минификация кода, создание HTML-файлов, кэширование и другие.
Рейтинг:
4
Сложность:
6
Загрузчики преобразуют файлы (например, TypeScript в JavaScript или SCSS в CSS), чтобы Webpack мог их обработать. Плагины, напротив, работают на более высоком уровне — они добавляют функциональность в процесс сборки, например, оптимизацию или создание новых файлов.
Рейтинг:
1
Сложность:
6
Рейтинг:
5
Сложность:
6
Рейтинг:
3
Сложность:
5
Рейтинг:
5
Сложность:
7
Рейтинг:
5
Сложность:
5
