FrontendQuiz - задачи с собеседований по фронтенду
1.7K subscribers
245 photos
2 videos
2 files
163 links
Задачки для фронтендщиков:
алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения.

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Из чего состоит Vuex?

Vuex состоит из:
- State — единый источник данных;
- Getters — вычисляемые свойства на основе state;
- Mutations — синхронные изменения состояния;
- Actions — асинхронные операции, вызывающие мутации;
- Modules — логическое разделение стора на части.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(0 || "default");?
Anonymous Poll
21%
0
59%
"default"
15%
true
6%
false
🤔 Как работают свойства flex-grow и flex-shrink?

- flex-grow: насколько элемент увеличивается, если доступно дополнительное пространство;
- flex-shrink: насколько элемент уменьшается, если пространство ограничено.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет выполнить функцию после завершения всех макрозадач, но перед следующей итерацией цикла событий?
Anonymous Poll
45%
setTimeout()
19%
setImmediate()
23%
nextTick()
19%
queueMicrotask()
🤔 В чём отличие amend от squash?

amend заменяет последний коммит, добавляя новые изменения или меняя сообщение.
squash объединяет несколько коммитов в один, используется в git rebase -i для "очистки" истории перед пушем.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет создать новый массив, объединяя результаты выполнения функции для каждого элемента массива и разворачивая их на один уровень вложенности?
Anonymous Poll
10%
flat()
17%
map()
24%
reduce()
48%
flatMap()
🤔 Чем синхронный код отличается от асинхронного?

Синхронный код выполняется последовательно, блокируя выполнение других задач, пока текущая не завершится. Асинхронный код позволяет запускать задачи в фоновом режиме, не блокируя основную программу, и обрабатывает их завершение через колбэки, промисы или async/await.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое свойство CSS используется для управления пространственным поведением элементов в трёхмерном контексте, включая их поворот и масштабирование?
Anonymous Poll
48%
transform
26%
translate
4%
perspective
22%
3d-transform
🤔 Как защитить cookie от JS?

При установке cookie нужно использовать флаг HttpOnly, чтобы JavaScript не имел к ним доступа. Также полезны флаги Secure (только по HTTPS) и SameSite (ограничение кросс-доступа).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания WeakMap, где ключи могут быть только объектами?
Anonymous Poll
4%
WeakMap.create()
70%
new WeakMap()
19%
Object.createWeakMap()
7%
Map.createWeak()
🤔 Какой CSS-свойство используется для добавления тени к элементу?
Anonymous Poll
11%
text-shadow
86%
box-shadow
6%
border-shadow
3%
shadow
🤔 Как вписывается GraphQL в гексагональную архитектуру?

GraphQL может быть реализован как внешний адаптер, через который входящие запросы транслируются в вызовы портов. Таким образом, GraphQL-интерфейс никак не влияет на бизнес-логику и может быть заменён на REST или gRPC.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства position в CSS используется для позиционирования элемента относительно его нормального положения?
Anonymous Poll
42%
absolute
0%
fixed
55%
relative
5%
static
🤔 Как в HTML установить картинку, которая будет загружаться только при прокрутке страницы до её видимости?
Anonymous Poll
31%
;
19%
;
25%
;
25%
;
🔥3
🤔 Что такое функция высшего порядка?

Функция высшего порядка — это функция, которая принимает другую функцию в аргументы или возвращает функцию как результат. Используется для абстракции, композиции, колбэков.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной h после выполнения следующего кода?
let h = "abcde";
h = h.substring(1, 4);
Anonymous Poll
3%
abc
33%
bcd
0%
cde
63%
bcde
🤔 Что такое CRUD и его параметры запроса?

CRUD — это Create, Read, Update, Delete — основные операции с данными.
Они соответствуют HTTP-метоing, number, boolean, null, undefined;
- Структуры: object, array, tuple;
- Специальные: any, unknown, never, void;
- Пользовательские: enum, interface, type, union, intersection, literal.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство позволяет динамически изменять переменные CSS во время исполнения анимации?
Anonymous Poll
14%
animation-var
24%
custom-properties
19%
var-animation
43%
keyframes-var
🤔 Зачем необходим DOM?

DOM (Document Object Model) представляет HTML-документ в виде дерева объектов. Он необходим для доступа, изменения и взаимодействия с элементами веб-страницы с помощью JavaScript.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания нового HTML элемента?
Anonymous Poll
86%
document.createElement()
7%
document.newElement()
7%
document.addElement()
0%
document.createNode()
🤔 Что такое функция в JS?

Это объект высшего порядка, представляющий собой блок кода, который можно вызывать. Она может принимать аргументы, возвращать значения и храниться в переменных.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚