Frontend | Тесты – Telegram
Frontend | Тесты
7.87K subscribers
37 photos
475 links
Cайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Чем SPA отличается от классического сайта?

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


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥3
🤔 Какой метод JavaScript можно использовать для поиска первого элемента в документе, соответствующего указанному CSS селектору?
Anonymous Quiz
76%
document.querySelector()
12%
document.getElementById()
2%
document.findAll()
9%
document.getElementsByClass()
👍2🔥1
🤔 Перечислите строчные элементы, которые вам известны (хотя бы 5).

- <span>
- <a>
- <strong>
- <em>
- <img>


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
🤔 Что вернёт следующий код: console.log(typeof new Boolean(false));?
Anonymous Quiz
44%
"boolean"
35%
"object"
13%
"false"
9%
Ошибка
👍4🔥2
🤔 Какой HTML атрибут используется для указания, что форма должна быть отправлена без валидации данных?
Anonymous Quiz
51%
novalidate
5%
formnovalidate
38%
validate="false"
6%
skip-validation
🔥3👍1
🤔 Что такое DCI?

DCI (Data, Context, Interaction) — архитектурный подход:
- Data — структура данных;
- Context — конкретный сценарий использования;
- Interaction — поведение в рамках этого контекста.
Фокус на поведении системы во времени, а не только на структуре.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
🤔 Как в CSS задать стили только для печати?
Anonymous Quiz
8%
@media screen { ... }
88%
@media print { ... }
3%
@media all { ... }
1%
@media none { ... }
👍3
🤔 Какие были фриланс-заказы, связанные с JS?

Это могли быть:
- верстка и добавление интерактивности на сайт;
- реализация модальных окон, галерей, слайдеров;
- валидация форм;
- написание небольших скриптов для логики интерфейса;
- подключение API или обработка данных с сервера.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔5🔥3💊1
🤔 Какое свойство CSS применяется для задания расстояния между словами в тексте?
Anonymous Quiz
45%
word-spacing
36%
letter-spacing
6%
text-indent
13%
line-height
👍2
🤔 Что вернёт следующий код: console.log(Math.sqrt(16));?
Anonymous Quiz
88%
4
5%
8
3%
16
4%
Ошибка
👍2🔥1
🤔 Что такое плавающие элементы (floats)?

float — это CSS-свойство, которое позволяет элементу выложиться по левому или правому краю контейнера, при этом текст и другие элементы могут его обтекать.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥4
🤔 Какое свойство и значение в CSS используются для создания непрерывной рамки вокруг элемента без разрывов?
Anonymous Quiz
7%
border-style: continuous;
17%
border: 1px unbroken;
73%
border-style: solid;
3%
border-connect: solid;
👍1
🤔 Какое свойство SVG позволяет анимировать путь от одной формы к другой?
Anonymous Quiz
19%
animateMotion
10%
morph
48%
animateTransform
23%
pathTransition
🔥3
🤔 Какими хуками и средствами можно заблокировать лишний ререндер?

- React.memo — мемоизация компонента.
- useMemo — мемоизация значений.
- useCallback — мемоизация функций.
- shouldComponentUpdate / React.PureComponent — в классовых компонентах.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2
🤔 Какое значение свойства CSS grid-gap задает расстояние между элементами Grid?
Anonymous Quiz
8%
10px
5%
1em
0%
5%
86%
Все вышеперечисленные значения
👍5
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Quiz
11%
padding
3%
border
84%
margin
1%
spacing
👍2
🤔 Какие проблемы решает Vuex?

Vuex — это централизованное хранилище данных. Он решает проблему, когда нескольким компонентам нужно работать с одними и теми же данными. Вместо того чтобы передавать данные через props или события, всё состояние хранится в одном месте. Это упрощает управление состоянием, особенно в больших приложениях, и делает логику более предсказуемой.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5💊1
🤔 Какое CSS свойство позволяет задать множественные фоны для элемента?
Anonymous Quiz
31%
multi-background
47%
background-image
11%
backgrounds
11%
layer-background
🔥2
🤔 Какой атрибут элемента <form> определяет адрес, на который должны быть отправлены данные формы?
Anonymous Quiz
15%
method
50%
action
33%
target
2%
enctype
👍4
🤔 Как создать поток Web Worker в JavaScript?

Создаётся через объект Worker, указывая путь к JS-файлу. Этот файл будет исполняться в отдельном потоке и обмениваться данными с основным с помощью сообщений.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍4
🤔 Какой хук в React используется для управления состоянием в функциональных компонентах?
Anonymous Quiz
4%
useReducer
13%
useEffect
80%
useState
2%
useContext
👍2🔥1