This media is not supported in your browser
VIEW IN TELEGRAM
Cards with inverted border-radius
Карточки товаров с интересным решением для кнопки
Карточки товаров с интересным решением для кнопки
Что такое делегирование событий (event delegation) и зачем его используют?
Anonymous Quiz
24%
Передача события от родителя к потомкам для оптимизации
71%
Назначение одного обработчика на общий родительский элемент вместо множества на дочерние
2%
Автоматическая обработка событий через фреймворк
2%
Механизм распространения событий от сервера к клиенту
Для чего используется заголовок Content Security Policy (CSP) в веб-разработке?
Anonymous Quiz
6%
Для ускорения загрузки ресурсов через CDN
13%
Для запрета использования cookies в JavaScript
13%
Для управления доступом к API браузера
68%
Для ограничения источников, с которых можно загружать и выполнять ресурсы
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll Trigger Image Zoom
Страница с эффектом зума при скролле
Страница с эффектом зума при скролле
В чём ключевое отличие между reflow и repaint при отрисовке страницы браузером?
Anonymous Quiz
16%
Reflow обновляет стиль, repaint — структуру DOM
71%
Reflow — это обновление размеров и положения элементов, repaint — только внешнего вида
7%
Repaint выполняется перед reflow
6%
Они работают только при использовании Canvas API
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy wipe
Стильный текст с анимированным появлением
Стильный текст с анимированным появлением
Какой из вариантов наиболее точно отражает различия между localStorage, sessionStorage и cookies?
Anonymous Quiz
2%
Все три удаляются при закрытии вкладки
78%
Только cookies доступны на сервере, localStorage и sessionStorage — нет
11%
localStorage и sessionStorage передаются с каждым HTTP-запросом
9%
sessionStorage хранит данные дольше, чем localStorage
This media is not supported in your browser
VIEW IN TELEGRAM
Firefly Button
Кнопка с анимированным эффектом при наведении
Кнопка с анимированным эффектом при наведении
Какую роль выполняет event loop в JavaScript
Anonymous Quiz
3%
Обрабатывает ошибки во время выполнения
19%
Выполняет асинхронные задачи параллельно
67%
Координирует выполнение кода, колбэков и событий, управляя очередью
11%
Запускает цикл отрисовки в DOM
В чём разница между методами preventDefault() и stopPropagation()?
Anonymous Quiz
2%
Оба полностью блокируют событие
89%
preventDefault() отменяет поведение браузера, stopPropagation() — распространение события
5%
Оба управляют фазой захвата события
3%
stopPropagation() отменяет действие по умолчанию
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll-Driven Dock
Настраиваемая панель инструментов
Настраиваемая панель инструментов