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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Модульность: React позволяет разделять интерфейс на компоненты, что улучшает читаемость и переиспользуемость кода.
2. Virtual DOM: React обновляет только изменённые части DOM, повышая производительность.
3. Однонаправленный поток данных: Упрощает управление состоянием по сравнению с jQuery, где часто возникает путаница в изменениях.
4. Совместимость: React лучше подходит для сложных приложений, благодаря поддержке современных технологий и инструментов, таких как Redux и Context API.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript применяется для создания глубокой копии объекта, включая все вложенные объекты и массивы?
Anonymous Poll
51%
JSON.parse(JSON.stringify())
15%
Object.clone()
44%
Object.deepCopy()
0%
Array.from()
🤔 Какой метод JavaScript используется для создания функции, которая, когда вызвана, имеет её this связанное с указанным значением?
Anonymous Poll
31%
call()
13%
apply()
59%
bind()
0%
attach()