оптимизация удаления неиспользуемого кода основывается на анализе экспорта и импорта ES6 модулей исключает из сборки мертвый код (dead code elimination) улучшает эффективность бандла и уменьшает его размер…
Как устроено прототипное наследование в JavaScript В JavaScript применяется прототипная модель наследования, а не классическая У каждого объекта есть скрытая ссылка на прототип — другой объект Когда запрашивается…
Как работают generics в TypeScript? язык программирования TypeScript инструмент обобщённого программирования позволяет создавать функции и классы, использующие параметры типов конкретный тип указывается во время…
Что представляет собой Promise и зачем он нужен в JavaScript? Объект для асинхронных операций в JavaScript Хранит результат операции, которая завершается не сразу Может находиться в одном из 3 состояний: pending…
задача: организовать двунаправленную связь между клиентом и сервером без WebSockets long polling: клиент отправляет запрос, а сервер удерживает его открытым до возникновения события или наступления таймаута после…
Создание и вызов пользовательского события в JavaScript Использование API CustomEvent для создания собственных событий Конструктор: new CustomEvent('eventName', { detail: {...}, bubbles: true/false, cancelable:…
UI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Как устроен цикл событий (event loop) и как он выполняет асинхронный код? механизм организации асинхронности в JavaScript и средах его выполнения функционирует до тех пор, пока в очереди остаются задачи работает со…
появились в ES6 и используют синтаксис function* вместе с yield это итератор, выполнение которого можно приостанавливать и возобновлять метод .next() возвращает объект вида {value, done} yield передаёт наружу…
Методологии организации проекта: FSD и Atomic Design FSD (Feature-Sliced Design) — структурирование по функциям и фичам Atomic Design — компонентная организация пользовательского интерфейса FSD делит проект на слои:…
Promise — объект JavaScript, описывающий результат асинхронной операции. Основные методы экземпляра: then(onFulfilled, onRejected) — назначает обработчики успешного или ошибочного завершения и возвращает новый…
Hoisting — механизм поднятия объявлений в JS Полностью всплывают Function Declarations Имя функции и её тело становятся доступными заранее У Function Expressions с var поднимается только имя переменной, а её значение…