Что из перечисленного наиболее точно описывает процесс всплытия (event bubbling) в JavaScript?
Anonymous Quiz
6%
Событие перехватывается глобально, независимо от места клика
6%
Событие обрабатывается на всех вложенных элементах одновременно
22%
Событие распространяется от родителя к потомку
66%
Событие сначала обрабатывается на целевом элементе, затем поднимается к его родителям
This media is not supported in your browser
VIEW IN TELEGRAM
On-Scroll Fire Transition
Красивая анимация горения страницы при скролле
Красивая анимация горения страницы при скролле
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Rollback Toggle
Переключатель с имитацией физики
Переключатель с имитацией физики
Что из перечисленного наиболее точно описывает принцип делегирования событий (event delegation) в JavaScript?
Anonymous Quiz
14%
Событие передаётся только от дочернего элемента к родительскому
62%
Один обработчик навешивается на родителя и обрабатывает события всех его потомков
14%
Событие обрабатывается только на целевом элементе без всплытия
9%
Обработчики должны быть навешаны на каждый вложенный элемент отдельно
Какое из утверждений наиболее точно описывает работу функции "throttling" в JavaScript?
Anonymous Quiz
50%
Ограничивает количество вызовов функции за определённый промежуток времени
22%
Гарантирует выполнение функции только после завершения всех предыдущих вызовов
17%
Выполняет функцию немедленно, а затем через фиксированный интервал времени
11%
Вызывает функцию только один раз после завершения всех событий
This media is not supported in your browser
VIEW IN TELEGRAM
Step Indicator
Анимированный индикатор переключения страниц
Анимированный индикатор переключения страниц
❤1
❓ Зачем используется атрибут defer в теге script и когда его применять?
Атрибут
✅ Пример:
📌 В этом примере скрипт будет загружен параллельно с HTML, но выполнится только после завершения обработки документа.
Атрибут
defer указывает браузеру загружать скрипт в фоновом режиме, но выполнять его только после полной загрузки HTML-документа. Это позволяет не блокировать отрисовку страницы и улучшает производительность.✅ Пример:
<script src="script.js" defer></script>
📌 В этом примере скрипт будет загружен параллельно с HTML, но выполнится только после завершения обработки документа.
defer удобно использовать для подключения скриптов, которые зависят от готового DOM, особенно если они расположены в теге <head>. Это улучшает скорость рендеринга и пользовательский опыт.
Что из перечисленного наиболее точно описывает фазу "Capture" при обработке событий в JavaScript?
Anonymous Quiz
18%
Событие обрабатывается сначала на самом вложенном элементе
23%
Событие передаётся сверху вниз, начиная с корневого элемента
37%
Событие обрабатывается только на целевом элементе
22%
Все события обрабатываются только после полной загрузки страницы
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Weather Widgets
Анимированный виджет погоды
Анимированный виджет погоды
Что из перечисленного наиболее точно описывает назначение Shadow DOM в веб-компонентах?
Anonymous Quiz
41%
Shadow DOM создаёт копию основного DOM внутри компонента
39%
Shadow DOM изолирует стиль и структуру компонента от основного DOM
12%
Shadow DOM позволяет напрямую управлять глобальным стилем страницы
8%
Shadow DOM используется только для обработки событий
This media is not supported in your browser
VIEW IN TELEGRAM
Very cool animated text
Интересная анимация спирального текста
Интересная анимация спирального текста
Какое поведение наиболее точно описывает вызов event.preventDefault()?
Anonymous Quiz
8%
Полностью отменяет распространение события
11%
Останавливает выполнение обработчика события
78%
Предотвращает поведение браузера по умолчанию, не влияя на всплытие
3%
Удаляет обработчик события с элемента
Какое утверждение наиболее точно описывает поведение метода bind()?
Anonymous Quiz
16%
Вызывает функцию сразу с новым контекстом this
58%
Создаёт новую функцию с жёстко привязанным this, но не вызывает её
5%
Удаляет связь функции с исходным объектом
21%
Привязывает функцию к глобальному контексту независимо от this
This media is not supported in your browser
VIEW IN TELEGRAM
Bouncy image radio group
Галерея с плавной анимацией при переключении
Галерея с плавной анимацией при переключении
👍1