архитектурный подход к созданию распределённых систем приложение разделяется на самостоятельные сервисы каждый из них выполняет определённую бизнес-задачу сервисы обмениваются данными через строго определённые API…
Принцип замены Лисков во фронтенде (React) SOLID — фундаментальный принцип ООП, применимый и к компонентной архитектуре подмена подкласса или компонента не должна нарушать работу родительской логики компонент обязан…
Как ограничить частоту запросов к серверу в поиске с автокомплитом Контекст: оптимизация запросов на frontend Применить дебаунсинг: отправлять запрос только после паузы во вводе, например через 300-500 мс Добавить…
JavaScript, типизация typeof возвращает "function" безопасен для значений любого типа работает быстро и не создаёт лишних затрат доступен во всех браузерах и средах выполнения подходит для проверки функций, методов и…
Как определяется this у методов прототипа объекта? Контекст выполнения функции в прототипе задаётся объектом вызова this указывает на объект, через который был вызван метод Прототип хранит методы, а this внутри них…
Оптимизация вызовов при отслеживании курсора область: Frontend, производительность UI проблема: события мыши возникают часто, поэтому функция вызывается слишком много раз throttle — задаёт интервал между вызовами,…
Оптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
производительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Взаимодействие основного потока с Web Worker Web Worker представляет собой отдельный поток браузерного выполнения, предназначенный для фоновых задач Связь между ними строится на основе асинхронного обмена сообщениями…
фронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
Для синхронных исключений применяют глобальный обработчик ошибок через window.onerror Чтобы подробно отслеживать ошибки загрузки ресурсов и JavaScript, используют window.addEventListener('error', ...) Событие…
обработка событий в DOM три фазы: погружение (capturing), цель и всплытие для перехвата на этапе погружения используется параметр useCapture = true addEventListener(type, handler, true) — обработчик, назначенный на…