🤔 Какое CSS свойство позволяет динамически изменять переменные CSS во время исполнения анимации?
Anonymous Poll
14%
animation-var
24%
custom-properties
19%
var-animation
43%
keyframes-var
🤔 Зачем необходим DOM?
DOM (Document Object Model) представляет HTML-документ в виде дерева объектов. Он необходим для доступа, изменения и взаимодействия с элементами веб-страницы с помощью JavaScript.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
DOM (Document Object Model) представляет HTML-документ в виде дерева объектов. Он необходим для доступа, изменения и взаимодействия с элементами веб-страницы с помощью JavaScript.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания нового HTML элемента?
Anonymous Poll
86%
document.createElement()
7%
document.newElement()
7%
document.addElement()
0%
document.createNode()
🤔 Что такое функция в JS?
Это объект высшего порядка, представляющий собой блок кода, который можно вызывать. Она может принимать аргументы, возвращать значения и храниться в переменных.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Это объект высшего порядка, представляющий собой блок кода, который можно вызывать. Она может принимать аргументы, возвращать значения и храниться в переменных.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS задает максимальное количество строк текста, после которых текст будет обрезан?
Anonymous Poll
28%
line-clamp
24%
max-lines
24%
text-wrap
24%
overflow-lines
🤔 Зачем нужен Vue?
Vue — это JavaScript-фреймворк для создания пользовательских интерфейсов. Он упрощает работу с DOM, предоставляет реактивность, шаблоны и компоненты, облегчает построение сложных SPA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Vue — это JavaScript-фреймворк для создания пользовательских интерфейсов. Он упрощает работу с DOM, предоставляет реактивность, шаблоны и компоненты, облегчает построение сложных SPA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔
Какой CSS атрибут применяется для создания переходных анимаций между макетами страницы, реагируя на изменения в DOM, например, при добавлении или удалении элементов?
Какой CSS атрибут применяется для создания переходных анимаций между макетами страницы, реагируя на изменения в DOM, например, при добавлении или удалении элементов?
Anonymous Poll
40%
transition-group
10%
animation-shift
35%
layout-transition
15%
change-animation
🤔 Что такое frontend?
Это часть веб-приложения, видимая пользователю. Оно включает:
1. Разметку (HTML).
2. Стили (CSS).
3. Логику взаимодействия (JavaScript). Frontend отвечает за отображение информации и обработку пользовательских действий.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Это часть веб-приложения, видимая пользователю. Оно включает:
1. Разметку (HTML).
2. Стили (CSS).
3. Логику взаимодействия (JavaScript). Frontend отвечает за отображение информации и обработку пользовательских действий.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Много ли данных нужно обрабатывать в приложении?
Это зависит от типа приложения. В реальных проектах часто:
- список из сотен/тысяч элементов (например, таблицы);
- фильтрация, пагинация, агрегация;
- взаимодействие с API и хранение состояния данных в хранилище (Vuex, Pinia, localStorage).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Это зависит от типа приложения. В реальных проектах часто:
- список из сотен/тысяч элементов (например, таблицы);
- фильтрация, пагинация, агрегация;
- взаимодействие с API и хранение состояния данных в хранилище (Vuex, Pinia, localStorage).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой из этих операторов выполняет строгое неравенство в JavaScript?
Anonymous Poll
3%
!=
94%
!==
0%
<>
3%
^=
🤔 Какие псевдоклассы есть?
Псевдоклассы позволяют стилизовать элементы в определённом состоянии. Примеры:
- :hover — при наведении;
- :active — при нажатии;
- :focus — при получении фокуса;
- :first-child, :last-child — для первого/последнего дочернего элемента;
- :nth-child(n) — выбор по порядку;
- :not() — отрицание условия;
- :disabled, :checked, :required — состояния форм.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Псевдоклассы позволяют стилизовать элементы в определённом состоянии. Примеры:
- :hover — при наведении;
- :active — при нажатии;
- :focus — при получении фокуса;
- :first-child, :last-child — для первого/последнего дочернего элемента;
- :nth-child(n) — выбор по порядку;
- :not() — отрицание условия;
- :disabled, :checked, :required — состояния форм.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной f после выполнения следующего кода?
let f = "Hello World!";
f = f.split("").reverse().join("");
let f = "Hello World!";
f = f.split("").reverse().join("");
Anonymous Poll
4%
Hello World!
92%
!dlroW olleH
0%
olleH dlroW!
4%
!Hello World
🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = [1, 2, 3];
i.splice(1, 1, 4);
let i = [1, 2, 3];
i.splice(1, 1, 4);
Anonymous Poll
19%
[1, 2, 3]
57%
[1, 4, 3]
14%
[1, 2, 4]
10%
[4, 2, 3]
🤔 Какое CSS свойство задаёт границы для расчётной модели форматирования?
Anonymous Poll
35%
border-box
9%
content-box
0%
padding-box
57%
box-sizing
🤔 Что делает CSS свойство line-height?
Anonymous Poll
7%
Изменяет ширину линий в тексте.
57%
Регулирует расстояние между строками текста.
4%
Задаёт высоту линий в рамках.
32%
Определяет высоту текста.
🤔 Каким сайтам может быть полезно AMP?
- Новостные порталы, блоги, СМИ.
- Страницы лендингов, где важна моментальная загрузка.
- Сайты, сильно зависящие от SEO и мобильного трафика.
Но AMP имеет ограничения и постепенно теряет популярность в пользу Core Web Vitals и PWA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Новостные порталы, блоги, СМИ.
- Страницы лендингов, где важна моментальная загрузка.
- Сайты, сильно зависящие от SEO и мобильного трафика.
Но AMP имеет ограничения и постепенно теряет популярность в пользу Core Web Vitals и PWA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство позволяет управлять видимостью фрагментов переполненного контента при использовании печатных медиа?
Anonymous Poll
58%
overflow-style
5%
page-break-inside
37%
content-visibility
5%
mask-composite
🤔 Какое значение свойства CSS scroll-snap-stop предотвращает автоматическую прокрутку за пределы указанного элемента?
Anonymous Poll
19%
always
25%
normal
19%
start
38%
end
🤔 Какие достоинства у инкрементального DOM против виртуального?
Инкрементальный DOM (например, в Svelte):
- Менее абстрактен — ближе к реальному DOM.
- Быстрее монтируется — нет необходимости в полной виртуальной копии.
- Меньше памяти и меньше промежуточных структур.
В отличие от виртуального DOM:
- он не сравнивает деревья, а прямо вставляет нужные изменения.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Инкрементальный DOM (например, в Svelte):
- Менее абстрактен — ближе к реальному DOM.
- Быстрее монтируется — нет необходимости в полной виртуальной копии.
- Меньше памяти и меньше промежуточных структур.
В отличие от виртуального DOM:
- он не сравнивает деревья, а прямо вставляет нужные изменения.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной h после выполнения следующего кода?
let h = "abcdefg";
h = h.substring(1, 4);
let h = "abcdefg";
h = h.substring(1, 4);
Anonymous Poll
11%
abc
39%
bcd
0%
cde
50%
bcde