Frontend JavaScript и TypeScript: вопросы и ответы

Замыкание — функция вместе с лексическим окружением, в котором она была создана. Благодаря ему функция может обращаться к переменным внешней области после завершения её вызова.

TypeScript добавляет статическую проверку типов, улучшает автодополнение и делает контракты модулей явными. В браузер код компилируется в JavaScript, поэтому runtime-проверки при необходимости добавляют отдельно.

=== сравнивает без неявного приведения типов и обычно предпочтительнее. == допускает преобразование, из-за чего результат некоторых сравнений становится неожиданным.

Debounce откладывает вызов до паузы во входных событиях, throttle ограничивает частоту вызовов. Первый удобен для поиска, второй — для scroll и resize.

Событие проходит capture-фазу от document к элементу, затем target и bubble-фазу обратно вверх. Делегирование часто используют на bubble-фазе, чтобы обрабатывать события динамических дочерних элементов.

Чередование записи стилей и немедленного чтения геометрии заставляет браузер многократно пересчитывать layout. Изменения группируют, используют CSS-анимации и читают измерения до записи.

Браузер ограничивает запросы между origin и проверяет заголовки ответа. Для сложных запросов сначала выполняется preflight OPTIONS, который сервер должен разрешить явно.

Используют семантические элементы, видимый focus, правильные label, клавиатурную навигацию, достаточный контраст и понятные сообщения об ошибках. ARIA добавляют только когда нативной семантики недостаточно.

Смотрят Core Web Vitals, waterfall загрузки, размер JavaScript и профилирование рендера. После изменения сравнивают метрики на реалистичном устройстве, а не только локальный Lighthouse.

Для каждого запроса явно показывают loading, success, empty и error-состояния. Пользователь должен понимать, что произошло и какое действие доступно дальше.