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

Вопросы собесов t.iss.one/+kXKgJEjRUww3N2Ni
Задачи t.iss.one/+_tcX2w2EmvdmMTgy
Вакансии t.iss.one/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Quiz
24%
hasClass()
9%
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
66%
Promise.all()
5%
Promise.any()
14%
Promise.sequence()
15%
Promise.race()
💊17🔥7
🤔 Какие плюсы и минусы работы с MobX?

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


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
🤔 Какой атрибут HTML определяет видимость элемента только для читалок?
Anonymous Quiz
55%
aria-hidden="true"
13%
hidden
7%
display: none
24%
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
7%
border-shadow
1%
shadow
🔥5
🤔 Какой HTML тег определяет термин в описательном списке?
Anonymous Quiz
27%
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]
6%
[1, 2, [3, 4], 5]
81%
[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()
27%
pop()
38%
shift()
31%
unshift()
👍4💊1
🤔 Какое значение свойства CSS object-fit используется для масштабирования изображения, чтобы оно заполнило контейнер, сохраняя соотношение сторон?
Anonymous Quiz
17%
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
57%
3.14
9%
"3.14"
27%
3
8%
Ошибка
👍2
🤔 Что такое псевдоклассы?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
👍5
🤔 Какой метод JavaScript используется для создания нового объекта на основе существующего прототипа?
Anonymous Quiz
51%
Object.create
16%
Object.extend
31%
Object.fromPrototype
2%
Object.base
💊3👍1
🤔 Разным ролям нужно по-разному предоставить dataset. Как бы это сделал?

- Через разграничение прав (RBAC) — фильтровать данные на сервере в зависимости от роли пользователя.
- Использовать view-модели или DTO, в которых отфильтровано содержимое.
- Настроить фильтрацию SQL-запросов (например, WHERE role = ?).
- В UI можно скрывать/показывать поля, но не полагаться только на фронт.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1💊1
🤔 Какой атрибут у <input> указывает на то, какой тип данных ожидается в поле?
Anonymous Quiz
88%
type
4%
inputmode
4%
format
5%
datatype
🔥3