❓ Зачем используется метод
Метод
✅ Пример:
📌 В этом примере
some()
в JavaScript и когда его применять?Метод
some()
проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию. Это удобно, когда нужно быстро узнать, есть ли подходящий элемент, не перебирая весь массив вручную.✅ Пример:
const users = [
{ name: "Alice", isAdmin: false },
{ name: "Bob", isAdmin: true },
{ name: "Charlie", isAdmin: false }
];
const hasAdmin = users.some(user => user.isAdmin);
console.log(hasAdmin); // true
📌 В этом примере
some()
вернёт true
, потому что в массиве есть хотя бы один пользователь с isAdmin: true
.some() удобно использовать для валидации, проверки доступа, поиска флагов или условий в списках. Это делает код чище, короче и более декларативным, особенно при работе с массивами объектов.
👍3
Что из перечисленного наиболее точно описывает событийную делегацию (event delegation) в JavaScript?
Anonymous Quiz
5%
Механизм, при котором обработчик событий создаётся с помощью setTimeout
74%
Приём, когда один обработчик используется на родителе для обработки событий от потомков
15%
Автоматическая передача события между двумя независимыми DOM-элементами
5%
Метод прямой подписки на события всех дочерних элементов вручную
This media is not supported in your browser
VIEW IN TELEGRAM
Hover Glyph Button
Кнопка с анимированным эффектом при наведении
Кнопка с анимированным эффектом при наведении
Какое утверждение наиболее точно описывает цель использования Shadow DOM в веб-разработке?
Anonymous Quiz
11%
Это механизм кэширования компонентов в браузере
60%
Это способ изоляции стилей и структуры компонента от остального DOM
6%
Это система глобальных событий внутри веб-компонентов
23%
Это часть виртуального DOM в React
This media is not supported in your browser
VIEW IN TELEGRAM
Collapsible Timeline
Таймлайн с возможностью раскрывать пункты
Таймлайн с возможностью раскрывать пункты
Какое поведение наиболее точно описывает влияние атрибута contenteditable на элемент?
Anonymous Quiz
10%
Превращает элемент в input
70%
Позволяет редактировать содержимое элемента напрямую в браузере
8%
Автоматически сохраняет изменения в localStorage
12%
Делает текст элемента доступным только для копирования
Что такое CSSOM и какую роль он играет в процессе рендеринга страницы?
Anonymous Quiz
9%
Объект, содержащий только inline-стили и классы элементов
5%
Таблица стилей, которую браузер сохраняет в localStorage
82%
Представление всех CSS-стилей в виде объекта, который объединяется с DOM для отрисовки
4%
Механизм, позволяющий JS напрямую редактировать HTML-элементы
This media is not supported in your browser
VIEW IN TELEGRAM
Playbook CSS scroll animation w/ subgrid
Сцена с интересной реализацией анимированного скролла
Сцена с интересной реализацией анимированного скролла
❓ Зачем используется метод every() в JavaScript и когда его применять?
Метод
✅ Пример:
📌 В этом примере
Метод
every()
проверяет, удовлетворяют ли все элементы массива заданному условию. Это удобно, когда нужно убедиться, что каждый элемент соответствует критерию, без написания явного цикла.✅ Пример:
const scores = [92, 85, 88, 95, 90];
const allPassed = scores.every(score => score >= 80);
console.log(allPassed); // true
📌 В этом примере
every()
вернёт true
, потому что все оценки больше или равны 80.every() удобно использовать при валидации форм, проверке соответствия данных, или при условной логике в UI — например, когда нужно убедиться, что все чекбоксы отмечены. Делает код чище, понятнее и избавляет от громоздких циклов.
👍5❤1
Что из нижеперечисленного наиболее точно описывает reflow в браузере?
Anonymous Quiz
24%
Перерисовка части интерфейса без изменения его структуры
13%
Обновление DOM-элемента через виртуальный DOM
58%
Пересчёт положения и размеров элементов после изменений, затрагивающих layout
5%
Асинхронная обработка JavaScript-обработчиков кликов
This media is not supported in your browser
VIEW IN TELEGRAM
Product Filtering UI
Интерфейс фильтрации товаров
Интерфейс фильтрации товаров
👍1
Что делает атрибут defer в теге <script> и как он влияет на загрузку страницы?
Anonymous Quiz
14%
Загружает скрипт асинхронно и сразу выполняет его
32%
Откладывает загрузку скрипта до полной загрузки всех изображений
51%
Загружает скрипт параллельно и выполняет после построения DOM
4%
Загружает скрипт только по клику пользователя
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy Fading Footer
Подвал с анимированным размытием при скролле
Подвал с анимированным размытием при скролле
Что такое фазa bubbling (всплытие) при обработке событий в DOM?
Anonymous Quiz
77%
Событие распространяется от целевого элемента вверх по дереву к корню
21%
Событие обрабатывается в порядке: от родителя к целевому элементу
1%
Событие сразу же поглощается целевым элементом
1%
Это событие, доступное только в iframe
Какое утверждение наиболее точно описывает различие между async и defer при подключении скриптов в HTML?
Anonymous Quiz
10%
async и defer делают одно и то же — оба загружают скрипт после загрузки DOM
9%
async всегда быстрее, потому что он игнорирует DOM
67%
defer ждёт построения DOM перед выполнением, а async — выполняется сразу после загрузки
13%
async используется только для модулей, а defer — для обычных скриптов