Специализация
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 в телеграм
Как реализовать поддержку темной темы (dark mode) с помощью HTML и CSS? Какие метатеги и медиавыражения используются?
Темную тему можно реализовать с помощью CSS-медиавыражения prefers-color-scheme, которое определяет предпочтения пользователя относительно цветовой схемы (светлой или темной). В зависимости от предпочтений браузера применяются соответствующие стили. Также можно настроить переключение темы вручную с помощью JavaScript и CSS-классов.
Что такое условный рендеринг в React?
Условный рендеринг — это способ отображения элементов в React на основе определенных условий. Это работает так же, как условные операторы в JavaScript. Например, вы можете показать один компонент, если условие истинно, и другой, если условие ложно.
Какие особенности имеют хуки useEffect и useLayoutEffect?
useEffect выполняется асинхронно после рендеринга, что позволяет обновлять DOM без блокировки отображения. useLayoutEffect, напротив, выполняется синхронно сразу после изменения DOM и перед его отображением, что позволяет производить измерения или манипуляции с элементами. Это может быть полезно, когда необходимо сразу же реагировать на изменения и избежать мерцания интерфейса.
Есть ли ограничения на количество контейнеров, которые можно запустить в Docker?
В Docker нет явного ограничения на количество контейнеров. Ограничения зависят от аппаратных ресурсов, таких как объем памяти и количество процессорных ядер.
Как обеспечить изоляцию зависимостей?
Изоляция достигается через отдельные бандлы, scoped CSS, namespace для глобальных объектов и использование Shadow DOM при необходимости.
Что будет выведено в консоль при вызове метода объекта, если внутри используется this, и почему
Когда следует использовать computed, а когда обычные методы?
Как ведут себя width и height у строчных элементов?
Как условно применять стили во Vue?
Что такое JavaScript и зачем он нужен?
Рейтинг:
5
Сложность:
6
this не “лежит” внутри функции навсегда — он определяется в момент вызова. Если функция вызвана как метод объекта (obj.fn()), то this обычно будет указывать на obj. Если вынести метод в переменную и вызвать как обычную функцию (const f = obj.fn; f()), то this потеряется: в strict mode станет undefined, а без strict mode — глобальным объектом (в браузере это window). У стрелочной функции нет своего this, она берет его из внешнего окружения.
Рейтинг:
5
Сложность:
4
computed следует использовать для значений, которые зависят от реактивных данных и используются в шаблоне. Методы лучше подходят для действий или вычислений, которые выполняются по событию. Если нужен кэшируемый результат — выбирают computed. Если логика должна выполняться каждый раз — метод. Это помогает избежать лишних перерисовок.
Рейтинг:
4
Сложность:
5
У строчных элементов свойства width и height не применяются напрямую. Их размер определяется содержимым. Вертикальные размеры зависят от line-height и шрифта. Это часто удивляет начинающих разработчиков. Для управления размерами требуется изменить display.
Рейтинг:
5
Сложность:
6
Во Vue условная стилизация реализуется через :class и :style. Они позволяют добавлять или убирать классы и стили в зависимости от условий. Логика остаётся в данных или computed-свойствах. Это делает шаблон декларативным и читаемым. Такой подход используется повсеместно.
Рейтинг:
3
Сложность:
4
Рейтинг:
1
Сложность:
4
Рейтинг:
1
Сложность:
2
Рейтинг:
4
Сложность:
6
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
7
