Госзнак

Насколько ты готов погружаться в кастомную самописную библиотеку (не React, не Vue, не Angular)?

• #motivation
• #custom framework
• #web components

Контекст: у компании собственный фреймворк на веб-компонентах — реплика Polymer, без virtual DOM, без TypeScript

Нравится ли больше работать руками или руководить? Есть ли опыт руководства?

• #leadership
• #management
• #experience

Кандидат рассказал про опыт техлидства фичи в Яндексе и Касперском: декомпозиция большого проекта и раздача задач

В чём разница между const, let и var, в том числе с точки зрения движка JavaScript?

• #javascript
• #variables
• #hoisting
• #temporal dead zone
• #js engine

Обсуждались хойстинг, temporal dead zone, присваивание var в window/globalThis, объявление без ключевого слова вне strict mode

Есть ли разница по производительности между const/let и var — чем выгоднее пользоваться?

• #javascript
• #performance
• #js engine
• #variables

Follow-up; интервьюер отметил, что var быстрее из-за отсутствия проверок dead zone

Как создать массив из n элементов и заполнить его числами 1, 2, 3, 4, 5 … n?

• #javascript
• #arrays

Практический вопрос, решался устно (new Array(n) + map по индексу)

А если я скажу, что map по массиву из new Array(n) так не сработает — почему и как это исправить?

• #javascript
• #arrays
• #sparse arrays

Follow-up про «дырявые» массивы; правильный ответ — сначала fill, потом map

Чему будет равен this в обычной функции, объявленной в файле?

• #javascript
• #this
• #scope
• #strict mode

Интервьюер отметил, что на этом вопросе все промахиваются: в обычной функции this = window, в strict mode — undefined

Как можно подменить this для функции?

• #javascript
• #this
• #bind
• #call
• #apply

Что будет, если в bind передать больше одного параметра (this плюс дополнительные аргументы)?

• #javascript
• #bind
• #currying
• #functional programming

Follow-up; ответ интервьюера: это фактически каррирование, bind «запекает» аргументы по очереди

Можно ли сделать промисы без самих промисов — написать собственную реализацию Promise, если в браузере его нет? Как конкретно?

• #javascript
• #promises
• #callbacks
• #microtasks
• #async

Кандидат предложил реализацию на колбэках с использованием queueMicrotask; интервьюер подтвердил (библиотеки промисов существовали до нативных)

Приходилось ли сталкиваться с Proxy-объектами? Как они работают?

• #javascript
• #proxy
• #reactivity
• #vue

Обсуждали на примере реактивности Vue (перехват get/set)

Сколько стоит пользоваться Proxy-объектами с точки зрения перформанса?

• #javascript
• #proxy
• #performance

Follow-up; ответ интервьюера: Proxy замедляет доступ к полям примерно в 1000 раз (в Chrome), два уровня прокси — в миллион

Как рассчитывается специфичность CSS-селекторов? В каком порядке идут селекторы по весу?

• #css
• #specificity
• #selectors

Обсудили important, inline-стили, id, классы/псевдоклассы, теги и суммирование весов

Чем отличается display: none от visibility: hidden?

• #css
• #layout
• #rendering

За что отвечает flex-shrink?

• #css
• #flexbox

Знаком ли с методологией БЭМ? Как считаешь, нужна ли она в 2025 году?

• #css
• #bem
• #methodology
• #scoped styles

Кандидат: изоляцию стилей теперь дают scoped/модульные стили, но БЭМ-разметка остаётся полезной для читаемости вёрстки

Сталкивался ли с CSS-переменными (CSS Custom Properties)? Как используются?

• #css
• #custom properties
• #theming

Обсудили задание цветов, темизацию и то, что нативные переменные можно менять в рантайме в отличие от препроцессорных

Расскажи, как работает z-index.

• #css
• #z-index
• #stacking context

Можно ли любой элемент с помощью z-index вытащить на самый верх? Какое ограничение этому мешает?

• #css
• #z-index
• #stacking context

Follow-up «с подвохом»: про stacking context — нельзя выпрыгнуть за пределы своего родительского контекста наложения; кандидат деталей не вспомнил

Знаешь ли современные техники, которые позволяют делать модалки/выпадающие элементы поверх всего без порталов?

• #browser api
• #popover api
• #modals
• #dialog

Ответ интервьюера: Popover API — выталкивает элемент в псевдоэлемент после body, при этом DOM-позиция сохраняется

Расскажи, как обрабатываются события в браузере: погружение и всплытие, как навесить и удалить слушатель, как отменять события.

• #browser
• #events
• #event bubbling
• #event capturing
• #addEventListener

Можно ли удалить обработчик события без запоминания ссылки на функцию (для removeEventListener)?

• #browser
• #events
• #abortcontroller
• #removeEventListener

Follow-up; ответ интервьюера: в addEventListener можно передать signal от AbortController, который при срабатывании отменяет слушатель

Как работает Intersection Observer API?

• #browser api
• #intersection observer
• #lazy loading

После того как ты выслушал, как у нас всё устроено, — интересно ли тебе такое предложение?

• #motivation
• #closing

Кандидат взял паузу подумать день-два; договорились о сроках ответа