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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Что вернёт следующий код: console.log(0 || "default");?
Anonymous Poll
12%
0
68%
"default"
20%
true
0%
false
🤔 Как работают свойства flex-grow и flex-shrink?

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

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

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

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

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

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

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

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

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

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