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

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

- Использовать современные форматы: WebP, AVIF;
- Применять lazy loading (loading="lazy");
- Использовать srcset и sizes для адаптивных изображений;
- Минимизировать размер изображений без потери качества;
- Хранить изображения в CDN для быстрой доставки;
- Использовать кэширование и оптимизацию по размеру экрана.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Poll
24%
border-box
5%
padding-box
67%
content-box
5%
margin-box
🤔 Какой атрибут тега <meta> задаёт описание страницы, которое обычно отображается в результатах поиска?
Anonymous Poll
33%
name="description"
14%
name="keywords"
33%
content="description"
19%
type="description"
🤔 Что такое элемент в HTML5?

— элемент для отображения результата вычислений, например, итогов формул или изменения значения range. Может обновляться с помощью JS.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
4%
padding
8%
border
88%
margin
4%
spacing
🤔 Какой метод JavaScript используется для асинхронной загрузки скрипта, который затем можно выполнить?
Anonymous Poll
15%
loadScript()
55%
import()
20%
require()
10%
getScript()
🤔 Из чего состоит Vuex?

Vuex состоит из:
- State — единый источник данных;
- Getters — вычисляемые свойства на основе state;
- Mutations — синхронные изменения состояния;
- Actions — асинхронные операции, вызывающие мутации;
- Modules — логическое разделение стора на части.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(0 || "default");?
Anonymous Poll
13%
0
67%
"default"
21%
true
0%
false
🤔 Как работают свойства flex-grow и flex-shrink?

- flex-grow: насколько элемент увеличивается, если доступно дополнительное пространство;
- flex-shrink: насколько элемент уменьшается, если пространство ограничено.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет выполнить функцию после завершения всех макрозадач, но перед следующей итерацией цикла событий?
Anonymous Poll
38%
setTimeout()
24%
setImmediate()
29%
nextTick()
19%
queueMicrotask()
🤔 В чём отличие amend от squash?

amend заменяет последний коммит, добавляя новые изменения или меняя сообщение.
squash объединяет несколько коммитов в один, используется в git rebase -i для "очистки" истории перед пушем.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет создать новый массив, объединяя результаты выполнения функции для каждого элемента массива и разворачивая их на один уровень вложенности?
Anonymous Poll
14%
flat()
7%
map()
21%
reduce()
57%
flatMap()
🤔 Чем синхронный код отличается от асинхронного?

Синхронный код выполняется последовательно, блокируя выполнение других задач, пока текущая не завершится. Асинхронный код позволяет запускать задачи в фоновом режиме, не блокируя основную программу, и обрабатывает их завершение через колбэки, промисы или async/await.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS используется для управления пространственным поведением элементов в трёхмерном контексте, включая их поворот и масштабирование?
Anonymous Poll
0%
transform
0%
translate
0%
perspective
100%
3d-transform