Какие вопросы задают на собеседовании в hh.ru (frontend, middle)?

Question

Маяк · Accepted Answer

1. Как вы взаимодействуете с бэкендерами: где и как обсуждаете контракты API?
2. Опишите процесс работы над задачей после декомпозиции: от взятия в работу до релиза.
3. У вас сначала тестирование ветки, а потом код-ревью? Почему такой порядок?
4. Есть ли у вас тестировщики и автотесты? Какое покрытие юнит-тестами на фронтенде, есть ли e2e?
5. Как устроено код-ревью между фронтендерами: кросс-ревью, сколько обязательных апрувов, участвует ли тимлид?
6. Что вы делаете, если после выкатки в мастер пошли критические ошибки? Бывали ли откаты релиза?
7. Какой регламент, если критичную уязвимость/баг нашли именно в твоей задаче, в твоём функционале?
8. Дежурный по релизам — это выделенная роль или по очереди? Что ты делаешь, когда дежуришь?
9. Какие системы мониторинга есть после выкатки в продакшн, за чем ты должен следить?
10. На ревью спорный комментарий: ты считаешь, что прав, а ревьюеры просят исправить. Доказываешь свою правоту или исправляешь, чтобы задача пошла дальше?
11. Что нового изучал в последнее время по фронтенду (на работе или самостоятельно)?
12. Долгая синхронная задача запускается в браузере по клику на кнопку. Что в это время будет происходить с пользователем, что он будет видеть?
13. Как избежать блокировки интерфейса при долгих вычислениях в браузере? Какие есть варианты решения?
14. Почему мы не выносим все задачи в веб-воркеры превентивно, если это такой классный инструмент? Какие у воркеров ограничения и минусы?
15. Часто ли пользовался веб-воркерами на практике?
16. Расскажи подробнее, как разбить тяжёлую итерацию по массиву из 100 000 элементов на части через setTimeout, чтобы не блокировать интерфейс, и почему это работает.
17. А если разбитые таски закидывать не в setTimeout, а в промисы (микротаски) — это поможет избежать блокировки?
18. Как определить, на какие части разбивать задачу — откуда взять размер чанка (почему именно 500 элементов)?
19. На какие метрики и инструменты будешь смотреть, чтобы понять, стало лучше или хуже (user experience при выполнении задачи)?
20. В какую целевую цифру производительности будешь целиться (например, 60 кадров в секунду)?
21. Ты тестируешь на мощном компьютере, а пользователи сидят на разных устройствах — как проверить производительность для слабых устройств?
22. Есть 10 параллельных fetch-запросов. После выполнения всех нужно вывести сообщение в консоль. Как это сделать?
23. Поддерживаем старые браузеры: промисы есть, а Promise.all нет. Напиши/опиши полифилл Promise.all.
24. При клике на ссылку нужно гарантированно отправить событие в сервис аналитики (HTTP-запрос), при этом ссылки должны работать как обычно. Как это сделать?
25. Что будет с отправкой аналитики при SPA-переходе и при обычном (не-SPA) переходе с перезагрузкой страницы?
26. Какие минусы у варианта await'ить отправку аналитики перед переходом по ссылке?
27. В чём различие sessionStorage и localStorage?
28. Если открыть ссылку в новой вкладке — будет ли sessionStorage шариться между вкладками? Какое хранилище тогда использовать для отложенной отправки аналитики?
29. Как гарантированно отправить аналитику при переходе по внешней ссылке (на чужой домен)?
30. Чем тебе нравится React?
31. Что такое Virtual DOM и за счёт чего он даёт прирост производительности по сравнению с прямой работой с DOM?
32. На странице React отрендерен список, ключи — индексы массива. Две кнопки: добавить элемент в конец и в начало. Что будет хорошо, что плохо в каждом случае?
33. Какие способы оптимизации производительности React-приложения ты знаешь?
34. Когда использовать useCallback, когда useMemo, когда React.memo, и как они работают вместе?
35. А можно ли просто всегда оборачивать все компоненты в React.memo, чтобы не думать, когда нужно, а когда нет?
36. На странице два независимых компонента: один на React, другой на чистом JS (например, таблица и фильтры). Как организовать взаимодействие между ними?
37. Какой стейт-менеджер вы используете на проекте?
38. Подошёл бы Redux для взаимодействия React-компонента и компонента на чистом JS?
39. Один из продуктов — доступ к базе резюме. Недобросовестные клиенты с честным доступом парсят базу ботом-кликером (открывают резюме и контакты скриптом). Как от этого защититься, не навредив обычным пользователям?
40. Как бы ты настроил показ капчи перед открытием контактов: каждый раз показывать или по какому-то условию?
41. О чём ты как фронтендер думаешь с точки зрения безопасности, когда пишешь код?
42. Внешний подрядчик даёт скрипт (по типу Яндекс.Метрики), который динамически выкачивает и исполняет код со своего сервера; зафиксировать версию нельзя. Как обезопасить себя — в частности, защитить наши куки и чувствительные данные?