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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Poll
31%
hasClass()
6%
containsClass()
14%
getClass()
51%
classList.contains()
🤔 Какое значение box-sizing стоит в браузере по умолчанию?

По умолчанию браузеры используют content-box, поэтому padding и border увеличивают размер элемента.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства position используется для фиксирования элемента относительно окна браузера?
Anonymous Poll
13%
static
5%
absolute
80%
fixed
8%
relative
🤔 Какой метод JavaScript позволяет обрабатывать ошибки при использовании асинхронных функций?
Anonymous Poll
42%
catch()
67%
try/catch
0%
finally()
3%
then()
🤔 Что такое операторы or и and?

Это логические операторы, которые используются для проверки условий:
- or (||) — возвращает true, если хотя бы одно из условий истинно.
- and (&&) — возвращает true, только если все условия истинны.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(Math.max(10, 20, 30, 40, 50));?
Anonymous Poll
5%
10
0%
20
0%
30
95%
50
🤔 Какой символ используется для объявления объектов?
Anonymous Poll
8%
[]
87%
{}
5%
()
0%
//
🤔 Какой способ помогает бороться с прокидыванием, помимо Redux?

Можно использовать Context API, который позволяет передавать данные от родителя к потомку без явного прокидывания через props. Это удобно для глобальных данных: темы, язык, текущий пользователь.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(2 > 1 && 2 < 3);?
Anonymous Poll
86%
true
11%
false
0%
"true"
3%
Ошибка
🤔 Когда можно использовать index в key?

Использование индекса массива в key допустимо, если:
- Список не изменяется (не добавляются, не удаляются и не сортируются элементы).
- Отображаемые данные не имеют уникальных идентификаторов.
- Контент не зависит от порядка элементов.
Однако при динамических изменениях списка лучше использовать уникальный и стабильный идентификатор, чтобы избежать нежелательных перерисовок и потери состояния.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод в JavaScript можно использовать для проверки, содержит ли массив определенный элемент?
Anonymous Poll
76%
Array.includes()
18%
Array.contains()
6%
Array.has()
0%
Array.exists()
🤔 Какое значение свойства CSS clip-path задает вырезание элемента по сложной форме?
Anonymous Poll
21%
rect()
0%
circle()
7%
ellipse()
71%
polygon()
🤔 Какое свойство CSS необходимо использовать для изменения визуального порядка элементов в грид-контейнере?
Anonymous Poll
17%
grid-row
53%
order
17%
grid-area
13%
grid-column
🤔 Какое значение атрибута target у тега <a> запрещает референсинг (передачу информации о странице источнике при переходе по ссылке)?
Anonymous Poll
14%
_blank
17%
_self
0%
_top
69%
_noreferrer
🤔 Минус использования амперсанда в препроцессорах?

Амперсанд (&) делает селекторы более мощными, но при чрезмерном вложении может:
- усложнять чтение;
- порождать слишком длинные селекторы;
- снижать переиспользуемость и затруднять рефакторинг.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства CSS 'position' позволяет элементу оставаться в пределах видимой части окна браузера, даже при прокрутке страницы?
Anonymous Poll
21%
static
9%
absolute
76%
sticky
0%
relative
🤔 Какой атрибут используется в теге <script> для асинхронной загрузки скрипта?
Anonymous Poll
75%
async
22%
defer
6%
asyncload
0%
preload
🤔 Какой JavaScript API используется для обработки оффлайн-возможностей, позволяя приложениям кэшировать активы и обеспечивать функциональность без подключения к интернету?
Anonymous Poll
45%
Service Worker API
24%
Web Worker API
3%
Navigator API
31%
Cache API
🤔 Какое значение свойства CSS aspect-ratio задает соотношение сторон для элемента?
Anonymous Poll
16%
16:9
3%
1:1
3%
4:3
78%
Все вышеперечисленные значения