🤔 Что делает CSS свойство line-height?
Anonymous Poll
7%
Изменяет ширину линий в тексте.
59%
Регулирует расстояние между строками текста.
0%
Задаёт высоту линий в рамках.
33%
Определяет высоту текста.
🤔 Каким сайтам может быть полезно AMP?
- Новостные порталы, блоги, СМИ.
- Страницы лендингов, где важна моментальная загрузка.
- Сайты, сильно зависящие от SEO и мобильного трафика.
Но AMP имеет ограничения и постепенно теряет популярность в пользу Core Web Vitals и PWA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Новостные порталы, блоги, СМИ.
- Страницы лендингов, где важна моментальная загрузка.
- Сайты, сильно зависящие от SEO и мобильного трафика.
Но AMP имеет ограничения и постепенно теряет популярность в пользу Core Web Vitals и PWA.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство позволяет управлять видимостью фрагментов переполненного контента при использовании печатных медиа?
Anonymous Poll
56%
overflow-style
6%
page-break-inside
39%
content-visibility
6%
mask-composite
🤔 Какое значение свойства CSS scroll-snap-stop предотвращает автоматическую прокрутку за пределы указанного элемента?
Anonymous Poll
13%
always
27%
normal
20%
start
40%
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
41%
bcd
0%
cde
48%
bcde
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Poll
27%
hasClass()
8%
containsClass()
4%
getClass()
62%
classList.contains()
🤔 Какое правило Flexbox задаёт вывод flex items в одну строку или в несколько строк?
Свойство flex-wrap:
- nowrap — всё в одну строку (по умолчанию);
- wrap — разрешает перенос;
- wrap-reverse — перенос в обратном направлении.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Свойство flex-wrap:
- nowrap — всё в одну строку (по умолчанию);
- wrap — разрешает перенос;
- wrap-reverse — перенос в обратном направлении.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет асинхронно выполнять функции в заданной очередности, дожидаясь завершения каждой из них?
Anonymous Poll
48%
Promise.all()
7%
Promise.any()
22%
Promise.sequence()
22%
Promise.race()
🤔 Какой атрибут HTML определяет видимость элемента только для читалок?
Anonymous Poll
50%
aria-hidden="true"
8%
hidden
21%
display: none
21%
aria-visible="false"
🤔 Какими способами можно клонировать объект?
- Поверхностное копирование: Object.assign, спред-оператор;
- Глубокое копирование: structuredClone, JSON.parse(JSON.stringify(...)), lodash (cloneDeep);
- Вручную, если объект сложный или с методами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Поверхностное копирование: Object.assign, спред-оператор;
- Глубокое копирование: structuredClone, JSON.parse(JSON.stringify(...)), lodash (cloneDeep);
- Вручную, если объект сложный или с методами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство используется для создания тени за элементом?
Anonymous Poll
87%
box-shadow
7%
text-shadow
7%
border-shadow
0%
shadow
🤔 Какой HTML тег определяет термин в описательном списке?
Anonymous Poll
12%
dt
20%
dd
52%
li
16%
def
🤔 Зачем в HTML5 введены события Server-Sent Events?
SSE (Server-Sent Events) позволяют одностороннюю передачу данных от сервера к клиенту через открытое соединение. Это альтернатива WebSocket'ам, когда клиенту нужно просто "слушать" события от сервера.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
SSE (Server-Sent Events) позволяют одностороннюю передачу данных от сервера к клиенту через открытое соединение. Это альтернатива WebSocket'ам, когда клиенту нужно просто "слушать" события от сервера.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Poll
24%
border-box
5%
padding-box
71%
content-box
0%
margin-box
🤔 Какие есть способы центрирования через inline-block?
Можно задать text-align: center родителю и сделать элемент display: inline-block. Это работает как с текстом, так и с визуальными элементами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Можно задать text-align: center родителю и сделать элемент display: inline-block. Это работает как с текстом, так и с визуальными элементами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для удаления первого элемента из массива?
Anonymous Poll
3%
push()
19%
pop()
41%
shift()
38%
unshift()
🤔 Как происходит взаимодействие клиентов и сервера?
Клиент отправляет HTTP-запрос на сервер. Сервер обрабатывает запрос, возможно, обращается к базе данных или другим сервисам, и возвращает ответ. Веб-браузеры, мобильные и другие приложения работают по такому принципу.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Клиент отправляет HTTP-запрос на сервер. Сервер обрабатывает запрос, возможно, обращается к базе данных или другим сервисам, и возвращает ответ. Веб-браузеры, мобильные и другие приложения работают по такому принципу.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что такое псевдоклассы?
Псевдоклассы в CSS используются для определения специальных состояний элементов. Например, :hover применяется к элементам, когда пользователь наводит на них курсор, а :first-child выбирает первый дочерний элемент в своем контейнере.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Псевдоклассы в CSS используются для определения специальных состояний элементов. Например, :hover применяется к элементам, когда пользователь наводит на них курсор, а :first-child выбирает первый дочерний элемент в своем контейнере.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания нового объекта на основе существующего прототипа?
Anonymous Poll
57%
Object.create
17%
Object.extend
35%
Object.fromPrototype
4%
Object.base
🤔 Разным ролям нужно по-разному предоставить dataset. Как бы это сделал?
- Через разграничение прав (RBAC) — фильтровать данные на сервере в зависимости от роли пользователя.
- Использовать view-модели или DTO, в которых отфильтровано содержимое.
- Настроить фильтрацию SQL-запросов (например, WHERE role = ?).
- В UI можно скрывать/показывать поля, но не полагаться только на фронт.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Через разграничение прав (RBAC) — фильтровать данные на сервере в зависимости от роли пользователя.
- Использовать view-модели или DTO, в которых отфильтровано содержимое.
- Настроить фильтрацию SQL-запросов (например, WHERE role = ?).
- В UI можно скрывать/показывать поля, но не полагаться только на фронт.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚