🤔 Какой метод JavaScript используется для добавления одного или нескольких элементов в конец массива?
Anonymous Poll
89%
push
8%
append
0%
attach
3%
insert
🤔 Почему нельзя напрямую использовать браузерный DOM?
Потому что:
- Работа с DOM медленная;
- Частые манипуляции вручную могут привести к низкой производительности;
- Нарушается декларативный подход и целостность UI;
- React должен контролировать рендер, иначе появляются баги при повторной отрисовке.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Потому что:
- Работа с DOM медленная;
- Частые манипуляции вручную могут привести к низкой производительности;
- Нарушается декларативный подход и целостность UI;
- React должен контролировать рендер, иначе появляются баги при повторной отрисовке.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой JavaScript API позволяет веб-приложениям отправлять обновленные данные на сервер в реальном времени без перезагрузки страницы?
Anonymous Poll
44%
WebSocket
3%
Server-Sent Events
25%
AJAX
41%
Fetch API
🤔 Что известно о своих знаниях в JS?
Можно указать знание:
- основ синтаксиса и работы с DOM;
- работы с событиями и асинхронностью (Promise, async/await);
- массивов и объектов, перебирающих методов;
- замыканий, областей видимости, this;
- опыт с инструментами разработки и отладки.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Можно указать знание:
- основ синтаксиса и работы с DOM;
- работы с событиями и асинхронностью (Promise, async/await);
- массивов и объектов, перебирающих методов;
- замыканий, областей видимости, this;
- опыт с инструментами разработки и отладки.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет обрабатывать каждое значение в массиве, создавая новый массив с результатами?
Anonymous Poll
9%
forEach()
81%
map()
13%
reduce()
3%
filter()
🤔 Как между собой связаны HTML, CSS и JS
HTML задаёт структуру, CSS отвечает за внешний вид, JS — за динамическое поведение. Они взаимодействуют через DOM: JS может читать и изменять HTML и CSS.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
HTML задаёт структуру, CSS отвечает за внешний вид, JS — за динамическое поведение. Они взаимодействуют через DOM: JS может читать и изменять HTML и CSS.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для преобразования всех элементов массива в одно строковое значение?
Anonymous Poll
10%
Array.concat
10%
Array.combine
77%
Array.join
3%
Array.merge
🤔 Что такое блочная модель?
Блочная модель (Box model) описывает, как браузер отображает и рассчитывает размеры элементов:
- content → padding → border → margin.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Блочная модель (Box model) описывает, как браузер отображает и рассчитывает размеры элементов:
- content → padding → border → margin.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной d после выполнения следующего кода?
let d = [1, 2, 3];
d = d.map(x => x + 1).filter(x => x > 2);
let d = [1, 2, 3];
d = d.map(x => x + 1).filter(x => x > 2);
Anonymous Poll
0%
[1, 2, 3]
11%
[2, 3, 4]
86%
[3, 4]
4%
[2, 3]
🤔 Различия между let и const
- let позволяет переназначать значения переменных, в то время как const не позволяет это после инициализации.
- Обе директивы предоставляют блочную область видимости.
- let идеально подходит для использования в случаях, когда значение переменной может изменяться.
- const используется для объявления переменных с неизменным значением.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- let позволяет переназначать значения переменных, в то время как const не позволяет это после инициализации.
- Обе директивы предоставляют блочную область видимости.
- let идеально подходит для использования в случаях, когда значение переменной может изменяться.
- const используется для объявления переменных с неизменным значением.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(!!"false");?
Anonymous Poll
61%
true
21%
false
13%
"false"
5%
Ошибка
🤔 Как мы можем ускорить загрузку ресурсов?
- Кэширование (Cache-Control, ETag).
- Сжатие (GZIP, Brotli).
- Lazy-loading изображений.
- CDN для статики.
- Минификация и объединение файлов.
- Асинхронная загрузка скриптов (defer, async).
- Отложенная загрузка нефокусных блоков (вкладки, карты).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Кэширование (Cache-Control, ETag).
- Сжатие (GZIP, Brotli).
- Lazy-loading изображений.
- CDN для статики.
- Минификация и объединение файлов.
- Асинхронная загрузка скриптов (defer, async).
- Отложенная загрузка нефокусных блоков (вкладки, карты).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение overflow используется в CSS, чтобы скрыть содержимое, выходящее за рамки элемента, без отображения полос прокрутки?
Anonymous Poll
92%
overflow: hidden;
0%
overflow: scroll;
8%
overflow: auto;
0%
overflow: visible;
🤔 Какое значение свойства CSS order определяет порядок отображения элементов Flexbox?
Anonymous Poll
12%
1
4%
0
0%
-1
88%
Все вышеперечисленные значения
🤔 Как проверить, является ли значение массивом?
Надёжный способ — использовать:
- Array.isArray(value) — вернёт true, если значение — массив.
Это предпочтительнее, чем проверка через typeof, так как typeof вернёт object для массивов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Надёжный способ — использовать:
- Array.isArray(value) — вернёт true, если значение — массив.
Это предпочтительнее, чем проверка через typeof, так как typeof вернёт object для массивов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Что такое делегирование?
Делегирование событий — техника, при которой обработчик навешивается на родительский элемент и реагирует на события потомков. Это уменьшает число обработчиков и помогает с динамическим контентом.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Делегирование событий — техника, при которой обработчик навешивается на родительский элемент и реагирует на события потомков. Это уменьшает число обработчиков и помогает с динамическим контентом.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для проверки, является ли объект пустым?
Anonymous Poll
47%
Object.isEmpty()
26%
Object.keys().length === 0
21%
Object.value().length === 0
15%
Object.entries().length === 0
🤔 Как мы можем порождать классы динамически в runtime?
Через функции-конструкторы, которые возвращают новые классы, или с использованием class extends внутри функций. Также можно использовать Object.create, прокси-объекты, и динамически формировать классы из шаблонов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Через функции-конструкторы, которые возвращают новые классы, или с использованием class extends внутри функций. Также можно использовать Object.create, прокси-объекты, и динамически формировать классы из шаблонов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство используется для динамического управления глубиной уровней локального или глобального стека в контексте композитных слоев?
Anonymous Poll
20%
composite-layer
12%
stacking-context
60%
z-index-complex
8%
isolation
🤔 Как в JavaScript обработать событие, когда пользователь нажимает клавишу на клавиатуре?
Anonymous Poll
30%
window.onkeydown = function() { ... }
43%
document.onkeypress = function() { ... }
4%
body.onkeyup = function() { ... }
26%
document.onkeydown = function() { ... }
🤔 Что такое селектор?
Селектор определяет, к каким элементам HTML применяется стиль.
1. Примеры простых селекторов: h1 (по тегу), .class (по классу), #id (по идентификатору).
2. Примеры сложных селекторов: [type="text"] (по атрибуту), div > p (по вложенности).
Селекторы позволяют точно настраивать оформление элементов на странице.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Селектор определяет, к каким элементам HTML применяется стиль.
1. Примеры простых селекторов: h1 (по тегу), .class (по классу), #id (по идентификатору).
2. Примеры сложных селекторов: [type="text"] (по атрибуту), div > p (по вложенности).
Селекторы позволяют точно настраивать оформление элементов на странице.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚