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

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Разница между подключением скриптов async и defer?

- async загружает и выполняет скрипт сразу, не дожидаясь загрузки документа — полезно для независимых скриптов.
- defer загружает скрипт параллельно, но выполняет после полной загрузки HTML — лучше для скриптов, работающих с DOM.
Оба улучшают производительность, но используются в разных сценариях.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥2
🤔 Какой метод JavaScript позволяет создать асинхронный итератор?
Anonymous Quiz
39%
Symbol.asyncIterator
29%
Symbol.iterator
24%
asyncIterator()
8%
asyncIterable()
🤔2
🤔 Какое значение свойства CSS grid-column объединяет несколько колонок в одну ячейку?
Anonymous Quiz
29%
span
17%
auto
19%
1 / -1
35%
grid-column-span
🤔8
🤔 Что такое константа?

Константа — это переменная, значение которой нельзя изменить после инициализации. В JavaScript, const не позволяет переназначить ссылку, но если это объект — его внутренности могут изменяться.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
🤔 Какой метод JavaScript является частью Web API и предоставляет функционал для немедленного прерывания выполнения скрипта?
Anonymous Quiz
38%
document.terminate()
29%
window.stop()
5%
navigator.halt()
27%
location.abort()
🤔3
🤔 Какие методы массивов мутируют его?

Методы, изменяющие (мутиующие) массив:
- push(), pop() – добавление/удаление в конец.
- shift(), unshift() – добавление/удаление в начало.
- splice() – удаление/добавление/замена элементов.
- sort() – сортирует массив по месту.
- reverse() – изменяет порядок элементов.
- fill() – заполняет массив одинаковыми значениями.
Немутирующие (map(), filter(), slice(), concat(), reduce()) возвращают новый массив.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥2
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Quiz
29%
border-box
5%
padding-box
64%
content-box
2%
margin-box
👍4
🤔 Что вернёт следующий код: console.log(!!null);?
Anonymous Quiz
24%
true
56%
false
9%
"null"
10%
Ошибка
👍4
🤔 Как получить ключи?

В JavaScript для получения ключей объекта используют:
- Object.keys(obj) — возвращает массив всех собственных перечисляемых ключей объекта.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🤔1
🤔 Для чего нужен адаптер?

Адаптер нужен для обеспечения совместимости между внешними компонентами и внутренней бизнес-логикой. Он позволяет менять технологии (UI, базу, API) без изменения ядра приложения.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍5
🤔 Какое CSS свойство позволяет настраивать краевые эффекты элементов, создавая сложные границы?
Anonymous Quiz
21%
border-slice
39%
border-corner-shape
21%
border-image
18%
mask-border
🔥2
🤔 Какое свойство и метод JavaScript API Canvas позволяет манипулировать прозрачностью отдельных элементов на канвасе?
Anonymous Quiz
12%
globalAlpha
25%
setAlpha
53%
opacityControl
11%
alphaSet
🔥3
🤔 Какое событие сработает при потере фокуса элементом формы?

Событие blur — срабатывает, когда элемент теряет фокус (например, при переходе к другому полю).


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
🤔 Каким образом можно в CSS создать линейный градиент от красного к синему?
Anonymous Quiz
84%
background: linear-gradient(red, blue);
8%
background: gradient(red to blue);
5%
background: radial-gradient(red, blue);
2%
background: gradient(red, blue);
👍2🤔1
🤔 Какие преимущества HTTP/2 перед HTTP/1?

- Мультиплексирование — несколько запросов по одному соединению.
- Сжатие заголовков (HPACK).
- Сервер push — сервер может отправить данные заранее.
- Меньше оверхеда, нет блокировок запросов.
Итог: быстрее, надёжнее, меньше сетевой нагрузки.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍1
🤔 Какое значение будет в переменной i после выполнения следующего кода?
const i = [1, 2, 3, 4, 5]; i.splice(2, 1);
Anonymous Quiz
10%
[1, 2, 3, 4, 5]
56%
[1, 2, 4, 5]
17%
[1, 3, 4, 5]
17%
[1, 2, 5]
👍2
🤔 В чём разница между макро- и микро-задачами?

Макро-задачи (например, setTimeout, setInterval) выполняются в основном цикле событий после выполнения текущего стека. Микро-задачи (например, Promise, queueMicrotask) имеют более высокий приоритет и выполняются сразу после текущего выполнения кода, до обработки макро-задач. Микро-задачи используются для обработки данных в реальном времени, а макро-задачи — для отложенных действий.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🤔1
🤔 Какое значение object-fit заставляет содержимое размером с контейнер, сохраняя пропорции, даже если это приводит к обрезке контента?
Anonymous Quiz
43%
contain
42%
cover
13%
fill
2%
none
👍3