Frontend | Тесты
7.91K subscribers
31 photos
450 links
Cайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp

Вопросы собесов t.iss.one/+kXKgJEjRUww3N2Ni
Задачи t.iss.one/+_tcX2w2EmvdmMTgy
Вакансии t.iss.one/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Какое значение свойства CSS scroll-snap-stop предотвращает автоматическую прокрутку за пределы указанного элемента?
Anonymous Quiz
25%
always
32%
normal
10%
start
33%
end
🔥3
🤔 Какие достоинства у инкрементального DOM против виртуального?

Инкрементальный DOM (например, в Svelte):
- Менее абстрактен — ближе к реальному DOM.
- Быстрее монтируется — нет необходимости в полной виртуальной копии.
- Меньше памяти и меньше промежуточных структур.
В отличие от виртуального DOM:
- он не сравнивает деревья, а прямо вставляет нужные изменения.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
🤔 Какое значение будет в переменной h после выполнения следующего кода?
let h = "abcdefg";
h = h.substring(1, 4);
Anonymous Quiz
10%
abc
43%
bcd
3%
cde
44%
bcde
👍7💊2
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Quiz
24%
hasClass()
10%
containsClass()
3%
getClass()
64%
classList.contains()
👍5
🤔 Какое правило Flexbox задаёт вывод flex items в одну строку или в несколько строк?

Свойство flex-wrap:
- nowrap — всё в одну строку (по умолчанию);
- wrap — разрешает перенос;
- wrap-reverse — перенос в обратном направлении.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
🤔 Какой метод JavaScript позволяет асинхронно выполнять функции в заданной очередности, дожидаясь завершения каждой из них?
Anonymous Quiz
67%
Promise.all()
6%
Promise.any()
14%
Promise.sequence()
14%
Promise.race()
💊17🔥7
🤔 Какие плюсы и минусы работы с MobX?

Плюсы:
- Меньше шаблонного кода — изменения происходят «автоматически» благодаря реактивности.
- Простота обучения, ближе к привычному JS-подходу.
- Более высокая производительность при грамотном применении (
@observer).
- Подходит для средних и больших проектов без сложного boilerplate.
Минусы:
- Магия — сложнее отследить, что и где меняется, особенно для новых участников команды.
- Может вызывать лишние перерендеры, если неправильно использовать observable.
- Меньшая распространённость по сравнению с Redux — меньше обучающих материалов и tooling.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7
🤔 Какой атрибут HTML определяет видимость элемента только для читалок?
Anonymous Quiz
55%
aria-hidden="true"
14%
hidden
7%
display: none
25%
aria-visible="false"
🔥4💊1
🤔 Какими способами можно клонировать объект?

- Поверхностное копирование: Object.assign, спред-оператор;
- Глубокое копирование: structuredClone, JSON.parse(JSON.stringify(...)), lodash (cloneDeep);
- Вручную, если объект сложный или с методами.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
🤔 Какое CSS свойство используется для создания тени за элементом?
Anonymous Quiz
89%
box-shadow
2%
text-shadow
8%
border-shadow
2%
shadow
🔥5
🤔 Какой HTML тег определяет термин в описательном списке?
Anonymous Quiz
28%
dt
15%
dd
45%
li
13%
def
🔥4🤔4💊3
🤔 Зачем в HTML5 введены события Server-Sent Events?

SSE (Server-Sent Events) позволяют одностороннюю передачу данных от сервера к клиенту через открытое соединение. Это альтернатива WebSocket'ам, когда клиенту нужно просто "слушать" события от сервера.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14
🤔 Какое значение будет в переменной a после выполнения следующего кода?
let a = [1, 2, [3, 4], 5]; a = a.flat();
Anonymous Quiz
10%
[1, 2, [3], [4], 5]
7%
[1, 2, [3, 4], 5]
82%
[1, 2, 3, 4, 5]
2%
[1, 2, [3, 4], [5]]
👍6🔥2
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Quiz
27%
border-box
3%
padding-box
67%
content-box
3%
margin-box
👍1
🤔 Какие есть способы центрирования через inline-block?

Можно задать text-align: center родителю и сделать элемент display: inline-block. Это работает как с текстом, так и с визуальными элементами.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍1
🤔 Какой метод JavaScript используется для удаления первого элемента из массива?
Anonymous Quiz
3%
push()
28%
pop()
38%
shift()
31%
unshift()
👍4💊1
🤔 Какое значение свойства CSS object-fit используется для масштабирования изображения, чтобы оно заполнило контейнер, сохраняя соотношение сторон?
Anonymous Quiz
18%
fill
38%
contain
2%
scale-down
42%
cover
👍2💊2
🤔 Как происходит взаимодействие клиентов и сервера?

Клиент отправляет HTTP-запрос на сервер. Сервер обрабатывает запрос, возможно, обращается к базе данных или другим сервисам, и возвращает ответ. Веб-браузеры, мобильные и другие приложения работают по такому принципу.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
🤔 Что вернёт следующий код: console.log(parseFloat("3.14"));?
Anonymous Quiz
56%
3.14
9%
"3.14"
27%
3
8%
Ошибка
👍2
🤔 Что такое псевдоклассы?

Псевдоклассы в CSS используются для определения специальных состояний элементов. Например, :hover применяется к элементам, когда пользователь наводит на них курсор, а :first-child выбирает первый дочерний элемент в своем контейнере.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5