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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какой атрибут тега <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
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
9%
padding
0%
border
91%
margin
0%
spacing
🤔 Как можно переименовать коммит?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут тега <meta> используется для контроля времени кэширования страницы в браузере?
Anonymous Poll
24%
charset
17%
content
55%
http-equiv="refresh"
3%
name="viewport"
🤔 Что вернёт следующий код: console.log("7" - 2);?
Anonymous Poll
67%
5
10%
"5"
12%
"72"
12%
Ошибка
🤔 Откуда взялся CSS?

CSS (Cascading Style Sheets) появился в 1996 году для отделения стилей от структуры HTML. Разработан Хоконом Виум Ли для упрощения управления дизайном веб-страниц и обеспечения каскадности стилей.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥3
🔥 Записал видос "Как за 3 минуты настроить Автоотклики на вакансии HeadHunter" больше не придется заниматься этой унылой рутиной

📺 Видео: https://youtu.be/G_FOwEGPwlw
🤔 Как работают модули в ES Modules?

- Файлы с export и import.
- Работают асинхронно, модули загружаются один раз, кешируются.
- Обеспечивают изолированность и повторное использование.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое значение будет в переменной j после выполнения следующего кода?
let j = "hello"; j = [...j];
Anonymous Poll
26%
["hello"]
70%
["h", "e", "l", "l", "o"]
0%
"hello"
4%
["hello", "h", "e", "l", "o"]
🤔 Какое свойство CSS используется для установления порядка стека слоев различных элементов?
Anonymous Poll
88%
z-index
6%
order
3%
layer
3%
stack
🤔 Какое значение свойства CSS scroll-behavior определяет плавное прокручивание?
Anonymous Poll
6%
auto
91%
smooth
0%
linear
3%
ease
🤔 Чем SPA отличается от классического сайта?

SPA (Single Page Application) не перезагружает страницу при переходах, а подгружает данные динамически через JS. Классический сайт перезагружает всю страницу при переходе по ссылке. SPA быстрее работает и даёт ощущение приложения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍2
🤔 Какой метод JavaScript можно использовать для поиска первого элемента в документе, соответствующего указанному CSS селектору?
Anonymous Poll
85%
document.querySelector()
5%
document.getElementById()
0%
document.findAll()
10%
document.getElementsByClass()
🤔 Что вернёт следующий код: console.log(typeof new Boolean(false));?
Anonymous Poll
38%
"boolean"
43%
"object"
14%
"false"
5%
Ошибка