Расскажи про события в DOM и фазы их распространения — например, при клике по кнопке.
Когда пользователь нажимает на кнопку в браузере, происходит несколько фаз событий (Event Phases):
Читать ответПодготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Когда пользователь нажимает на кнопку в браузере, происходит несколько фаз событий (Event Phases):
Читать ответКомпоненты React проходят несколько основных этапов жизненного цикла от создания до удаления из DOM:
Читать ответПочему отраженный характер данных и клиентское место обработки — разные признаки XSS, как они пересекаются и как выбирать защиту по контексту.
Читать ответОбработчик клика для модального окна на JavaScript: отличаем подложку от содержимого с помощью target и currentTarget, не ломая кнопки внутри окна.
Читать ответЧем отличаются event.stopPropagation() и event.stopImmediatePropagation()? Оба метода останавливают всплытие события по DOM stopPropagation() прекращает дальнейшее всплытие, однако другие обработчики текущего элемента…
Читать ответJavaScript и события DOM Для этого применяют метод addEventListener Синтаксис метода: element.addEventListener('click', handler) Функция-обработчик получает объект события (event) Один элемент может иметь несколько…
Читать ответчтобы получить доступ к DOM-элементу из React-компонента, применяют рефы (refs) — это корректный, безопасный и встроенный в React подход.
Читать ответобласть DOM-событий event.target — это элемент, на котором событие возникло изначально, то есть его источник event.currentTarget — элемент, чей обработчик в данный момент выполняет обработку события event.target может…
Читать ответКак проверить видимость элемента во viewport? фронтенд, определение видимости элемента определяем положение элемента относительно области просмотра браузера применяем метод getBoundingClientRect(): он возвращает…
Читать ответСоздание и вызов пользовательского события в JavaScript Использование API CustomEvent для создания собственных событий Конструктор: new CustomEvent('eventName', { detail: {...}, bubbles: true/false, cancelable:…
Читать ответ