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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какая функция JavaScript используется для перевода JSON-строки в объект?
Anonymous Poll
30%
JSON.stringify()
63%
JSON.parse()
7%
JSON.toObject()
0%
JSON.toData()
🤔 Какое значение будет в переменной k после выполнения следующего кода?
let k = [1, 2, 3]; k = k.map(x => x * 2);
Anonymous Poll
2%
[1, 2, 3]
88%
[2, 4, 6]
10%
[1, 4, 9]
0%
[2, 3, 4]
🤔 Какое CSS свойство задает прозрачность элемента, так что элемент становится прозрачным, но продолжает занимать свое место в макете?
Anonymous Poll
89%
opacity
11%
visibility
2%
clear
0%
alpha
🤔 Какой способ изменяет массив?

Методы, изменяющие оригинальный массив:
- push, pop, shift, unshift, splice, sort, reverse.
Методы, не изменяющие оригинал (возвращают новый массив): map, filter, slice, concat.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой JavaScript метод используется для преобразования JSON строки в объект?
Anonymous Poll
68%
JSON.parse();
24%
JSON.stringify();
12%
JSON.toObject();
0%
JSON.fromText();
🤔 Какое свойство CSS определяет интервал между строками текста?
Anonymous Poll
14%
text-align
0%
text-decoration
61%
line-height
25%
letter-spacing
🤔 Какой HTML тег используется для указания альтернативного мультимедийного контента, например, в <audio> или <video>?
Anonymous Poll
41%
source
3%
track
35%
media
21%
alternative
🤔 Как мы можем заставить элемент быть выше другого?

Через z-index, но только если элемент позиционирован (relative, absolute, fixed, sticky).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = "JavaScript"; i = i.replace("Java", "Type");
Anonymous Poll
85%
TypeScript
8%
JavaScript
5%
Script
3%
Type
🤔 Какую концепцию реализует Vuex?

Vuex реализует модель Flux — однонаправленный поток данных:
- actions → mutations → state → view;
- В отличие от классического Flux, Vuex делает store реактивным и интегрированным с Vue.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какой метод JavaScript используется для создания массива из итерируемого объекта?
Anonymous Poll
12%
Array.of()
85%
Array.from()
3%
Array.create()
0%
Array.make()
🤔 Какой CSS-селектор используется для выбора элемента по значению его атрибута?
Anonymous Poll
21%
[attribute]
79%
[attribute=value]
0%
[value]
3%
[attribute^=value]
🤔 В чём преимущества Node.js?

- Однопоточная асинхронная модель;
- Подходит для I/O-ориентированных приложений;
- Один язык на фронте и бэке;
- Быстрая разработка.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод используется для создания нового массива с результатом вызова функции для каждого элемента массива?
Anonymous Poll
21%
Array.prototype.forEach
0%
Array.prototype.filter
9%
Array.prototype.reduce
🤔 Как в HTML5 задать поле ввода, которое принимает только числовые значения?
Anonymous Poll
50%
;
50%
;
14%
;
36%
;
🤔 В чем разница == и ===?

== сравнивает значения с приведением типов, что может приводить к неожиданным результатам, тогда как === сравнивает как значения, так и типы данных. Это означает, что === является более строгим оператором и не выполняет автоматическое преобразование типов. Например, 1 == '1' вернёт true, а 1 === '1' — false. Использование === более предпочтительно для избежания ошибок.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Как в CSS заставить текст переноситься на новую строку в пределах блока, если он не помещается?
Anonymous Poll
71%
text-wrap: wrap;
11%
text-overflow: wrap;
9%
white-space: nowrap;
11%
white-space: normal;
🤔 Какое значение свойства CSS transform наклоняет элемент по горизонтали?
Anonymous Poll
48%
skewX()
13%
skewY()
39%
rotate()
3%
rotate()
🤔 Отличие от и от ?

- и — визуальные теги (курсив, жирный), не несут смысловой нагрузки;
- и — семантические, используются для логического акцента (эмоции, важность).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🎉1
🤔 Какое CSS свойство применяется для установления алгоритма сжатия контента внутри блока, когда он не умещается в отведенное пространство?
Anonymous Poll
18%
content-zip
27%
compress
27%
overflow-style
27%
content-compress
🤔 Какое значение свойства CSS will-change используется для оптимизации будущих изменений свойств элемента?
Anonymous Poll
30%
transform
11%
opacity
0%
scroll
59%
Все вышеперечисленные значения