На странице собраны вопросы по JavaScript — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, async, javascript.
задача: организовать двунаправленную связь между клиентом и сервером без WebSockets long polling: клиент отправляет запрос, а сервер удерживает его открытым до возникновения события или наступления таймаута после…
Как реализовать модальное окно с формой и закрытием по клику вне его области UI-компонент модального окна, содержащий форму с логином и паролем Управлять отображением и скрытием окна с помощью состояния (state)…
Реализация офлайн-приложений и кэширования с помощью Service Workers Service Worker — фоновый скрипт, расположенный между приложением и сетью Он перехватывает запросы и выполняет программное кэширование с…
Функция map преобразует массив вызывая переданную функцию для каждого его элемента и формируя новый массив с полученными результатами при этом исходный массив остаётся неизменным, что обеспечивает иммутабельность для…
Как свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Как установить последний приоритет для экшена при диспатче Контекст: контроль порядка выполнения в Redux/Middleware Подключить middleware, которое будет управлять последовательностью диспатчей Организовать очередь…
Как синхронизировать версии зависимостей между микрофронтами? архитектура микрофронтов, зависимости Независимое управление: каждый микрофронт может поставляться со своей версией React Согласование версий в npm…
В React это функция с префиксом use которая объединяет логику, построенную на существующих хуках получает параметры и отдаёт состояние либо функции повышает уровень повторного использования кода вызывается в…
Frontend, формы и валидация Один общий onChange для всех элементов формы Идентификация поля через атрибут name В обработчике используются event.target.name и event.target.value Состояние изменяется по ключу name с…
Создание и вызов пользовательского события в JavaScript Использование API CustomEvent для создания собственных событий Конструктор: new CustomEvent('eventName', { detail: {...}, bubbles: true/false, cancelable:…
кастомные ошибки — обычный способ сделать обработку ошибок точнее новый класс наследуют от встроенного класса Error тип задают через свойство name, например CustomError для контекста добавляют специализированные поля…