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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Как получаем веб-страницу?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
8%
padding
0%
border
92%
margin
0%
spacing
🤔 Как можно переименовать коммит?

С помощью git commit --amend можно переименовать последний коммит. Для более ранних — использовать git rebase -i, выбрать коммит и изменить его сообщение.

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