React Frontend Developer

Question 1

Можете объяснить концепцию CSS box model (блочная модель)?

Accepted Answer

CSS box model - это основной концепт в CSS, описывающий как элементы на веб-странице представлены в виде прямоугольных блоков, состоящих из контента, отступов, границ и внутренних полей.

Question 2

Как реализовать поддержку темной темы (dark mode) с помощью HTML и CSS? Какие метатеги и медиавыражения используются?

Accepted Answer

Темную тему можно реализовать с помощью CSS-медиавыражения prefers-color-scheme, которое определяет предпочтения пользователя относительно цветовой схемы (светлой или темной). В зависимости от предпочтений браузера применяются соответствующие стили. Также можно настроить переключение темы вручную с помощью JavaScript и CSS-классов.

Question 3

Что такое режим туннеля (Tunnel Mode)?

Accepted Answer

Режим туннеля — это способ передачи данных, при котором устройства не используют IPsec напрямую. Вместо этого создаётся виртуальный туннель через шлюзы, который обеспечивает шифрование всего трафика между узлами.

Question 4

Какова роль класса GameMode в Unreal Engine?

Accepted Answer

Класс GameMode отвечает за управление правилами игры, такими как спавн игроков и переходы состояний игры. Он позволяет настраивать поведение игры, расширяя его через Blueprint или C++.

Question 5

Есть четыре ViewModel, и нужно каждые 5 секунд подписываться на запрос из сети. Как это лучше организовать?

Accepted Answer

Лучше запускать единственный Flow или LiveData в одном ViewModel, который внутри viewModelScope с помощью flow {} и delay(5000) эмитит результат каждые пять секунд. Остальные три ViewModel могут делегировать подписку на общий источник данных (SharedFlow или отдельный синглтон-репозиторий), чтобы не создавать дубли HTTP-запросов и экономить ресурсы.

Question 6

При повороте экрана нужно сохранить и изменить определённые данные в Presenter без ViewModel. На каком этапе жизненного цикла и как это сделать?

Accepted Answer

При повороте экрана Activity уничтожается и создаётся заново. В MVP можно сохранить данные в onSaveInstanceState(Bundle) Presenter-а через Bundle (через интерфейс Activity → Presenter) и восстановить в onCreate нового View, передав сохранившийся Bundle. Либо хранить Presenter с данными в setRetainInstance(true) у Fragment.

Question 7

this — как определяется и чем отличается в strict mode

Accepted Answer

Ключевое слово this в JavaScript ссылается на объект, в контексте которого выполняется функция. В нестрогом режиме, если функция вызывается без контекста, this становится глобальным объектом (window в браузере). В строгом режиме в такой ситуации this будет undefined. Это помогает избежать случайных изменений глобальных переменных и делает код более безопасным.

Question 8

Чем отличается strict mode от нестрогого режима

Accepted Answer

Строгий режим - это специальный режим в JavaScript, который делает код более безопасным и предотвращает распространенные ошибки. Он запрещает некоторые синтаксические конструкции, которые считаются проблемными, и изменяет поведение некоторых операций. Например, в строгом режиме нельзя использовать необъявленные переменные, удалять неудаляемые свойства или дублировать параметры функции. Это помогает писать более качественный и надежный код.

Question 9

Как устроена связь View и ViewModel в MVVM?

Accepted Answer

В MVVM View подписывается на изменения состояния ViewModel. ViewModel не знает о существовании View и не управляет UI напрямую. Связь обычно реализуется через биндинги, замыкания или реактивные фреймворки. View только отображает текущее состояние. Это снижает связанность и упрощает тестирование.

Question 10

Что такое Java Memory Model?

Accepted Answer

Java Memory Model описывает правила работы потоков с памятью.
Она определяет, когда изменения, сделанные одним потоком, становятся видимыми другим.
Также JMM задает гарантии упорядочивания операций.
Без понимания JMM невозможно писать корректный многопоточный код.

Вопросы React Frontend Developer