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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое значение display создает гибкий контейнер в CSS?
Anonymous Poll
88%
display: flex;
5%
display: flexible;
2%
display: box;
12%
display: grid;
🤔Как в HTML установить фокус на текстовое поле сразу после загрузки страницы?
Anonymous Poll
40%
;
30%
;
20%
;
25%
;
🤔 Какое значение будет в переменной n после выполнения следующего кода?
let n = [1, 2, 3]; n.reverse();
Anonymous Poll
10%
[1, 2, 3]
90%
[3, 2, 1]
0%
[1, 3, 2]
0%
[2, 1, 3]
🤔 Какой метод JavaScript используется для выполнения функции после завершения всех промисов, независимо от их состояния?
Anonymous Poll
38%
Promise.all()
5%
Promise.race()
12%
Promise.allSettled()
50%
Promise.finally()
🤔 Какие поля в cookies есть, отвечающие за security?

- Secure — разрешает отправку только по HTTPS;
- HttpOnly — защищает от доступа к cookie из JavaScript;
- SameSite — ограничивает отправку cookie при кросс-доменных запросах (Strict, Lax, None).
Эти флаги помогают предотвратить XSS и CSRF-атаки.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут <input> позволяет ввести дату?
Anonymous Poll
2%
type="text"
91%
type="date"
5%
type="time"
7%
type="calendar"
🤔 Какое значение свойства overflow в CSS используется, чтобы всегда отображать полосы прокрутки?
Anonymous Poll
66%
overflow: scroll;
12%
overflow: auto;
2%
overflow: hidden;
20%
overflow: visible;
🤔
Какое свойство CSS используется для управления расположением фонового изображения?
Anonymous Poll
97%
background-position
3%
background-align
0%
background-locate
0%
background-offset
🤔 Какой метод JavaScript позволяет объединить два или более объектов в один?
Anonymous Poll
20%
merge()
7%
combine()
48%
assign()
27%
join()
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Poll
28%
border-box
3%
padding-box
69%
content-box
0%
margin-box
🤔 Что вернёт следующий код: console.log(typeof [1, 2, 3]);?
Anonymous Poll
28%
"array"
71%
"object"
0%
"list"
2%
"numbers"
🤔 Какой JavaScript API позволяет браузерам выполнять тяжёлые вычислительные задачи в фоновом режиме, не блокируя основной поток UI?
Anonymous Poll
55%
Web Workers
15%
Background API
15%
Async Compute
15%
Thread.js
🤔 Какое ключевое слово используется для проверки наличия свойства непосредственно в объекте, а не в его прототипе?
Anonymous Poll
5%
exists
2%
own
93%
hasOwnProperty
0%
contains
🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = [1, 2, 3]; i.reverse();
Anonymous Poll
10%
[1, 2, 3]
88%
[3, 2, 1]
0%
[2, 3, 1]
2%
[1, 3, 2]
🤔 Какое значение свойства CSS grid-auto-rows устанавливает размер автоматически создаваемых строк в Grid Layout?
Anonymous Poll
48%
auto
6%
min-content
0%
max-content
48%
1fr
🤔 Как в JavaScript асинхронно загрузить данные с сервера?
Anonymous Poll
88%
fetch('/data')
12%
XMLHttpRequest('/data')
0%
loadData('/data')
9%
ajax('/data')
🤔 Что такое и для чего он нужен?

— это объявление типа документа, необходимое браузеру для определения режима отображения страницы. В HTML5 это просто , включающее стандартный режим отображения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какая функция JavaScript используется для перевода JSON-строки в объект?
Anonymous Poll
30%
JSON.stringify()
63%
JSON.parse()
7%
JSON.toObject()
0%
JSON.toData()
🤔 Какое значение будет в переменной k после выполнения следующего кода?
let k = [1, 2, 3]; k = k.map(x => x * 2);
Anonymous Poll
2%
[1, 2, 3]
88%
[2, 4, 6]
10%
[1, 4, 9]
0%
[2, 3, 4]
🤔 Какое CSS свойство задает прозрачность элемента, так что элемент становится прозрачным, но продолжает занимать свое место в макете?
Anonymous Poll
89%
opacity
11%
visibility
2%
clear
0%
alpha
🤔 Какой способ изменяет массив?

Методы, изменяющие оригинальный массив:
- push, pop, shift, unshift, splice, sort, reverse.
Методы, не изменяющие оригинал (возвращают новый массив): map, filter, slice, concat.

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