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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 В чём отличие for от while?

- for — когда знаем начало и конец.
- while — когда повторяем пока выполняется условие.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой метод JavaScript используется для выполнения кода при пересечении элемента с областью видимости?
Anonymous Poll
59%
intersectionObserver
18%
visibilitychange
9%
requestAnimationFrame
14%
onVisible
🤔 Какое CSS свойство позволяет создать фиксированный фон при прокрутке страницы, который остается на одном месте даже при перемещении контента?
Anonymous Poll
80%
background-position: fixed
3%
background-stay: fixed
10%
background-attachment: fixed
7%
background-fixed: true
🤔 Как получаем веб-страницу?

1. Пользователь вводит URL;
2. Происходит DNS-запрос → IP-адрес;
3. Устанавливается TCP/SSL-соединение;
4. Браузер отправляет HTTP(S)-запрос;
5. Сервер возвращает HTML-документ;
6. Браузер парсит и отображает страницу.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(Array.isArray([]));?
Anonymous Poll
73%
true
8%
false
8%
"array"
11%
Ошибка
🤔 Какой CSS-селектор используется для применения стилей к элементам на основе их содержимого?
Anonymous Poll
18%
:contains()
54%
:has()
4%
:text()
25%
:content()
🤔 Где заканчивается JS, а где начинается DOM?

JavaScript — это язык программирования, а DOM — это объектная модель документа, предоставляемая браузером. JS используется для работы с DOM через его API.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой HTML тег создает нумерованный список?
Anonymous Poll
5%
list
23%
ul
70%
ol
2%
nl
🤔 Какие перебирающие методы массивов есть?

Некоторые из них:
- forEach — просто перебор;
- map — создание нового массива;
- filter — фильтрация;
- reduce — сведение к одному значению;
- some и every — логические проверки;
- find, findIndex — поиск элементов.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой метод JavaScript позволяет создать объект с символьными ключами?
Anonymous Poll
33%
Symbol.create()
19%
Object.create()
30%
Object.fromEntries()
22%
Object.defineProperties()
🤔 Утечки памяти — что это такое и почему плохо?

Утечка памяти — это ситуация, когда память, выделенная под данные, не освобождается, хотя уже не используется. Это приводит к росту потребления памяти, замедлению работы и возможному краху приложения из-за исчерпания ресурсов.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства CSS overscroll-behavior предотвращает прокрутку родительского элемента при достижении конца прокрутки дочернего?
Anonymous Poll
11%
auto
61%
contain
28%
none
6%
scroll
🤔 Что такое HTTPS?

HTTPS (HyperText Transfer Protocol Secure) — это защищённая версия HTTP. Все данные между клиентом и сервером зашифрованы с использованием SSL/TLS, что обеспечивает конфиденциальность и целостность информации.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут тега <img> указывает текст, который отображается, если изображение не может быть загружено?
Anonymous Poll
90%
alt
8%
noscript
2%
src
0%
label
🤔 Какое значение свойства CSS flex-basis устанавливает начальный размер элемента до распределения оставшегося пространства?
Anonymous Poll
7%
initial
14%
0
21%
content
57%
auto
🤔 Можно ли в функции узнать длину аргумента?

Да, внутри функции доступен объект arguments. Он позволяет узнать количество переданных аргументов, даже если они не объявлены явно.
Также если использовать rest-параметры, можно получить массив всех аргументов и узнать их длину.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какое свойство CSS задаёт толщину шрифта?
Anonymous Poll
2%
font-style
19%
text-weight
76%
font-weight
2%
text-style
🤔 Как можно описать класс в TypeScript, который создаём в функции, возвращая наружу?

Можно использовать анонимный класс, возвращаемый из функции, и описать его через typeof, или создать интерфейс заранее и привести возвращаемое значение к нему.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какое CSS свойство задает интервал между границами элементов в сетке или флекс-контейнере?
Anonymous Poll
0%
spacing
16%
margin
7%
border-gap
80%
gap
🤔 Какой атрибут тега `<noscript>` указывает, что скрипт должен выполняться асинхронно?
Anonymous Poll
21%
defer
84%
async
3%
src
5%
type
🤔 Как работает this в JavaScript?

this указывает на контекст вызова функции. Его поведение зависит от способа вызова:
- В методе объекта — указывает на сам объект.
- В обычной функции — зависит от строгого режима (undefined или глобальный объект).
- В стрелочной функции — берёт значение this из внешнего контекста.
- Через call, apply, bind можно явно задать this.

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