❓ Зачем используется атрибут 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
40%
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
❓ Зачем используется атрибут async в теге script и когда его применять
Атрибут async указывает браузеру загружать скрипт в фоновом режиме и выполнять его сразу после загрузки, не дожидаясь полной обработки HTML. Это ускоряет загрузку страницы, но может привести к непредсказуемому порядку выполнения скриптов.
✅ Пример:
📌 В этом примере скрипт начнёт загружаться параллельно с HTML и выполнится, как только загрузится — вне зависимости от состояния DOM.
Атрибут async указывает браузеру загружать скрипт в фоновом режиме и выполнять его сразу после загрузки, не дожидаясь полной обработки HTML. Это ускоряет загрузку страницы, но может привести к непредсказуемому порядку выполнения скриптов.
✅ Пример:
<script src="script.js" async></script>
📌 В этом примере скрипт начнёт загружаться параллельно с HTML и выполнится, как только загрузится — вне зависимости от состояния DOM.
async удобно использовать для независимых скриптов, таких как аналитика, реклама или внешние виджеты, которые не зависят от DOM и других скриптов. Это помогает улучшить время загрузки страницы.
👍1
Что происходит с объектом после применения Object.freeze()?
Anonymous Quiz
72%
Объект становится неизменяемым: нельзя добавлять, удалять и изменять свойства
7%
Объект можно менять, но нельзя удалять свойства
14%
Объект блокируется только для чтения
7%
Только вложенные свойства объекта становятся защищёнными
This media is not supported in your browser
VIEW IN TELEGRAM
Card Mouse Hover Effect
Карточки с интересным эффектом при наведении
Карточки с интересным эффектом при наведении
Какое из утверждений наиболее точно описывает разницу между == и === в JavaScript?
Anonymous Quiz
4%
== и === делают одно и то же, только === быстрее
83%
== сравнивает значения с приведением типов, === — без приведения
12%
=== проверяет только типы, но не значения
1%
= работает только с числами, === — со строками
👍1👾1
This media is not supported in your browser
VIEW IN TELEGRAM
Text-Animation-test
Простая сцена с анимированным текстом
Простая сцена с анимированным текстом
❤1