FrontendQuiz - задачи с собеседований по фронтенду
Открыть в Telegram
Задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Сотрудничество: @cyberJohnny
Больше1 549
Подписчики
-124 часа
-27 дней
-1530 день
Архив постов
🤔 Как Autoprefixer понимает, где поставить префиксы?
Он ориентируется на базу данных Can I Use и список браузеров, указанный в конфигурации проекта. На основе этих данных он определяет, какие свойства и где требуют префиксов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство позволяет элементу игнорировать некоторые или все будущие обновления CSS?
🤔 Как копировать коммит с другой ветки?
Для копирования коммита можно использовать:
- git cherry-pick — добавляет конкретный коммит в текущую ветку. Это полезно, если нужно применить исправление или фичу из другой ветки без полного слияния.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания асинхронного итератора, который позволяет итерироваться по значениям с задержкой?
🤔 Как получаем веб-страницу?
1. Пользователь вводит URL;
2. Происходит DNS-запрос → IP-адрес;
3. Устанавливается TCP/SSL-соединение;
4. Браузер отправляет HTTP(S)-запрос;
5. Сервер возвращает HTML-документ;
6. Браузер парсит и отображает страницу.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какие теги практически обязательно должны быть в ?
- — кодировка;
- — адаптивность;
- — название страницы;
- — стили;
- — описание страницы;
- — управление индексацией.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой селектор CSS выберет все элементы
, которые являются прямыми потомками
?
🤔 Какое значение будет в переменной j после выполнения следующего кода?
let j = "Hello"; j = j.concat(" World");
🤔 Какое свойство CSS задает максимальное количество строк текста, после которых текст будет обрезан?
🤔 Как писать страничку на Vue?
- Создать компонент с секциями template, script, style;
- Настроить роутинг, состояние, API-запросы;
- Использовать v-model, v-if, v-for и события;
- Компонентно структурировать всё приложение.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = [1, 2, 3];
i.splice(1, 1, 4);
🤔 Какое свойство CSS используется для установления прозрачности элемента, включая его содержимое?
🤔 E.preventDefault() и E.stopPropagation(), для чего нужны?
e.preventDefault() предотвращает стандартное поведение элемента (например, отправку формы при нажатии на кнопку). e.stopPropagation() останавливает дальнейшую передачу события по цепочке DOM, предотвращая его обработку родительскими элементами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной b после выполнения следующего кода?
let b = [1, 2, 3];
b = b.flatMap(x => [x, x * 2]);
🤔 Какое значение свойства CSS contain используется для ограничения области стилей, размеров и содержимого элемента?
🤔 Какое свойство CSS используется для адаптации расположения и масштабирования фоновых изображений, отзываясь на изменения размера контейнера?
🤔 Какой HTML тег определяет самостоятельный раздел, который не связан с основным содержимым?
🤔 Какой метод JavaScript используется для глубокого копирования объекта, включая его вложенные структуры и символы?
🤔 Какой метод JavaScript используется для создания нового HTML элемента?
🤔 Какие есть способы фокусировки на элементе?
- element.focus()
- autofocus в HTML.
- ref + useEffect в React.
- Навигация через tabindex.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
