Interview Boost AI

Подготовка к интервью

Вопросы на собеседовании в Магнут

7 вопросов с собеседований в Магнут

7 вопросов 875 компаний 353 технологии

Что проверяют на интервью

Как устроена подборка

Подборка объединяет вопросы, отмеченные на этапах интервью в Магнут. Здесь можно понять структуру технической проверки и заранее повторить связанные темы. В подборке чаще встречаются темы: frontend, browser, vue.

Связанные технологии

CSS 1 DOM 1 Vue 1 WebSocket 1

Связанные профессии

Frontend-разработчик 4 QA-инженер 1
Все 7 Технические вопросы 14483 Поведенческие вопросы 835 System Design 103 Лайвкодинг 174

Каталог

Результаты поиска

Найдено: 7
Теория

В резюме указана защита от race condition через AbortController. Как именно вы интегрируете отмену запросов в жизненный цикл компонента Vue? Например, если пользователь ушёл со страницы до завершения запроса, как это реализовать со сложной логикой Pinia?

Для предотвращения race condition и утечек памяти при отмене запросов в Vue с использованием Pinia и AbortController можно сделать так:

Магнут Vue
Читать ответ
Теория

Как вы подходите к тестированию сложных UI-компонентов, которые генерируют глубокую вложенность DOM-узлов без удобных идентификаторов? Как целиться в нужные элементы интерфейса в E2E-тестах?

При тестировании сложных UI-компонентов с глубокой вложенностью DOM и отсутствием удобных идентификаторов важно использовать устойчивые и понятные селекторы:

Магнут DOM
Читать ответ
Теория

Расскажи про контекст наложения (stacking context) в CSS и почему элемент с большим z-index может оказаться ниже элемента с меньшим z-index?

Фундаментальная причина, почему dropdown с максимальным z-index может оказаться под другим элементом — это контекст наложения (stacking context) в CSS.

РУСАЛ Premium IT Solution thesis ООО Делай мебель Магнут CSS
Читать ответ
Теория

Вы разрабатывали интерактивную схему самолёта с SVG, анимациями и WebSocket. Как вы оптимизировали рендер SVG-элементов при массовых обновлениях статусов мест, чтобы интерфейс не тормозил?

Для оптимизации рендера SVG при массовых обновлениях статусов мест в интерактивной схеме самолёта использовал несколько подходов:

Магнут WebSocket
Читать ответ
Теория

Вы реализовывали многошаговые формы в Wizard Flow. Как избегали prop drilling при сборе данных с разных шагов и где хранился промежуточный state до отправки на сервер?

Чтобы избежать prop drilling при реализации многошаговых форм (Wizard Flow), обычно используют централизованное хранилище состояния, доступное всем шагам.

Магнут
Читать ответ