Метка: JavaScript
11 материаловНативный dialog: открытие, закрытие и возврат фокуса
Открываем нативный dialog, настраиваем закрытие и проверяем, куда возвращается фокус.
JavaScriptlocalStorage: читаем настройки как недоверенные данные
Как безопасно прочитать настройки из localStorage и сохранить работоспособность страницы при ошибке хранения.
JavaScriptДата без сюрпризов: ISO для хранения и Intl для отображения
Как хранить момент события, не путать его с календарной датой и показывать время в нужном часовом поясе.
JavaScriptОшибки async-функции: где действительно работает try/catch
Где поставить await, как обработать отказ Fetch и вернуть кнопку в рабочее состояние после ошибки.
JavaScriptПоиск без гонки запросов: Fetch и AbortController
Как отменить прошлый поисковый запрос и не дать запоздавшему ответу заменить свежие результаты.
JavaScriptДелегирование событий: одна подписка для списка кнопок
Обрабатываем клики динамического списка через общий контейнер и closest, не назначая обработчик каждой кнопке.
JavaScriptResizeObserver: размер компонента вместо размера окна
Следим за размером контейнера через ResizeObserver, перерисовываем график и отключаем наблюдение при удалении компонента.
JavaScriptPromise.allSettled: независимые результаты без потери всей страницы
Показываем частично загруженную страницу через Promise.allSettled и обрабатываем отказ каждого запроса отдельно.
JavaScriptFormData: что попадает в отправляемую форму
Какие поля попадают в FormData и почему Content-Type с multipart boundary лучше оставить браузеру.
JavaScriptIntersectionObserver: отложенная загрузка с понятным запасным сценарием
Загружаем изображения при приближении к экрану через IntersectionObserver и оставляем запасной вариант для старых браузеров.