На странице собраны вопросы по JavaScript — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, async, javascript.
Как определяется this у методов прототипа объекта? Контекст выполнения функции в прототипе задаётся объектом вызова this указывает на объект, через который был вызван метод Прототип хранит методы, а this внутри них…
Оптимизация вызовов при отслеживании курсора область: Frontend, производительность UI проблема: события мыши возникают часто, поэтому функция вызывается слишком много раз throttle — задаёт интервал между вызовами,…
Оптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
Как повысить производительность Redux-приложения? сократить лишние рендеры с помощью memoization (React.memo, useMemo, useCallback) разделить состояние на небольшие срезы (slices), чтобы обновлять только нужные части…
производительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Взаимодействие основного потока с Web Worker Web Worker представляет собой отдельный поток браузерного выполнения, предназначенный для фоновых задач Связь между ними строится на основе асинхронного обмена сообщениями…
Для работы с асинхронными HTTP-запросами через fetch API применяется AbortController, позволяющий отменять операции Сначала создаётся контроллер: const controller = new AbortController() Затем его сигнал передаётся…
фронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
Для синхронных исключений применяют глобальный обработчик ошибок через window.onerror Чтобы подробно отслеживать ошибки загрузки ресурсов и JavaScript, используют window.addEventListener('error', ...) Событие…
обработка событий в DOM три фазы: погружение (capturing), цель и всплытие для перехвата на этапе погружения используется параметр useCapture = true addEventListener(type, handler, true) — обработчик, назначенный на…
фронтенд и оптимизация рендеринга устранять лишние ререндеры с помощью React.memo и PureComponent мемоизировать функции и значения через useCallback и useMemo разбивать код с помощью lazy loading и динамического…
интеграция карт относится к задачам фронтенд-разработки и улучшает UX используют API популярных провайдеров: Google Maps, Yandex.Maps, Leaflet, Mapbox подключают JavaScript-библиотеку через CDN либо npm создают карту…