Какое из утверждений наиболее точно описывает работу Event Loop в JavaScript?
Anonymous Quiz
35%
Выполняет все асинхронные задачи сразу после синхронных
37%
Обрабатывает микрозадачи перед макрозадачами в каждой итерации
15%
Выполняет все колбэки асинхронных операций до синхронного кода
13%
Гарантирует выполнение всех таймеров с заданной задержкой
This media is not supported in your browser
VIEW IN TELEGRAM
Developer or Designer?
Анимированный переключатель
Анимированный переключатель
❓ Зачем нужен атрибут crossorigin в HTML и когда его использовать?
Атрибут
✅ Пример:
📌 В этом примере браузер попытается загрузить изображение с другого домена, но без передачи учётных данных пользователя.
Атрибут
crossorigin используется для управления политикой совместного использования ресурсов между разными источниками (CORS).Это необходимо, когда нужно загружать ресурсы (например, изображения или скрипты) с другого домена.
✅ Пример:
<img src="https://example.com/image.jpg" crossorigin="anonymous" alt="Картинка">
📌 В этом примере браузер попытается загрузить изображение с другого домена, но без передачи учётных данных пользователя.
crossorigin удобно использовать при работе с внешними ресурсами, чтобы избежать проблем с безопасностью и соблюсти политику CORS.👍3
Какое из утверждений наиболее точно описывает работу функции "debounce" в JavaScript?
Anonymous Quiz
14%
Вызывает функцию сразу и повторяет вызов через определённый интервал
20%
Гарантирует, что функция выполнится ровно через указанный интервал времени
60%
Ограничивает количество вызовов функции до одного за указанный промежуток времени
5%
Выполняет функцию сразу после каждого вызова
Что из перечисленного наиболее точно описывает процесс всплытия (event bubbling) в JavaScript?
Anonymous Quiz
6%
Событие перехватывается глобально, независимо от места клика
6%
Событие обрабатывается на всех вложенных элементах одновременно
22%
Событие распространяется от родителя к потомку
65%
Событие сначала обрабатывается на целевом элементе, затем поднимается к его родителям
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
Анимированный виджет погоды
Анимированный виджет погоды