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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Что вернёт следующий код: console.log(2 > 1 && 2 < 3);?
Anonymous Poll
90%
true
6%
false
0%
"true"
3%
Ошибка
🤔 Когда можно использовать index в key?

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

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

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства CSS 'position' позволяет элементу оставаться в пределах видимой части окна браузера, даже при прокрутке страницы?
Anonymous Poll
23%
static
10%
absolute
74%
sticky
0%
relative
🤔 Какой атрибут используется в теге <script> для асинхронной загрузки скрипта?
Anonymous Poll
73%
async
21%
defer
6%
asyncload
0%
preload
🤔 Какой JavaScript API используется для обработки оффлайн-возможностей, позволяя приложениям кэшировать активы и обеспечивать функциональность без подключения к интернету?
Anonymous Poll
36%
Service Worker API
28%
Web Worker API
4%
Navigator API
36%
Cache API
🤔 Какое значение свойства CSS aspect-ratio задает соотношение сторон для элемента?
Anonymous Poll
17%
16:9
3%
1:1
3%
4:3
77%
Все вышеперечисленные значения
🤔 Какой объект JavaScript предоставляет функциональность для работы с URL текущего документа?
Anonymous Poll
29%
document.location
61%
window.location
13%
navigator.url
6%
document.href
🤔 Какое свойство CSS используется для выравнивания текста по центру?
Anonymous Poll
97%
text-align: center
7%
text-justify: center
0%
text-placement: center
0%
text-center: true
🤔 Какой метод JavaScript предназначен для выполнения функции каждый раз при изменении размера окна браузера?
Anonymous Poll
52%
window.onresize()
44%
window.resize()
4%
window.changeSize()
4%
window.adjust()
🤔 Какое CSS свойство применяется для определения визуального эффекта представления элемента, используя фильтры, такие как размытие или цветокоррекция?
Anonymous Poll
67%
filter
13%
backdrop-filter
8%
mask
17%
blend-mode
🤔 Какое значение свойства CSS overflow-anchor предотвращает смещение позиции прокрутки при добавлении контента выше?
Anonymous Poll
17%
auto
25%
visible
42%
hidden
21%
none
🤔 Какой атрибут в <input> указывает, что поле не может быть изменено пользователем?
Anonymous Poll
58%
readonly
39%
disabled
3%
fixed
3%
immutable
🤔 Какой JavaScript метод возвращает новую строку, в которой все буквенные символы были преобразованы в верхний регистр?
Anonymous Poll
87%
toUpperCase
4%
toLower
6%
upperCase
2%
capitalize
🤔 Какое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3];
g = g.reduce((acc, val) => acc + val, 0);
Anonymous Poll
13%
1
0%
2
7%
3
80%
6