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

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

- HTTP/1.1 — классический, последовательные запросы, keep-alive.
- HTTP/2 — мультиплексирование, бинарный формат, заголовки сжимаются.
- HTTP/3 (QUIC) — работает поверх UDP, более надёжный и быстрый при потере пакетов.
Каждая версия улучшает скорость и устойчивость соединения.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥6
🤔 Какое значение будет в переменной h после выполнения следующего кода?
let h = "Hello World";
h = h.charAt(6);
Anonymous Quiz
70%
W
12%
Hello orld
8%
orld
10%
Hello
👍4
🤔 Какое CSS свойство используется для определения стиля текста элемента как начертание курсивом?
Anonymous Quiz
53%
font-style
18%
text-style
5%
font-weight
25%
text-decoration
👍3
🤔 Зачем нужен Nginx?

Nginx — это веб-сервер и обратный прокси. Он используется для:
- балансировки нагрузки;
- кеширования;
- маршрутизации запросов;
- раздачи статики и проксирования API.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥2
🤔 Что вернёт следующий код: console.log(3 + 4 + "5");?
Anonymous Quiz
9%
"12"
64%
"75"
14%
12
13%
"345"
👍5
🤔 Какой метод JavaScript обеспечивает возможность определения обработчиков событий, которые могут перехватывать события на стадии их возникновения, до всплытия?
Anonymous Quiz
64%
addEventListener()
9%
attachEvent()
7%
bindEvent()
20%
captureEvent()
💊5🔥2
🤔 Однопоточный или многопоточный JavaScript?

JavaScript — однопоточный язык. Это означает, что код исполняется в одном потоке, а асинхронные операции управляются через event loop и очередь задач.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥1💊1
🤔 Как в JavaScript создать промис, который автоматически разрешается через 2 секунды?
Anonymous Quiz
59%
new Promise((resolve) => setTimeout(resolve, 2000));
11%
Promise.resolve(setTimeout(2000));
8%
new Promise((resolve) => resolve()).delay(2000);
21%
setTimeout(() => new Promise(resolve), 2000);
👍7
🤔 Что такое коды ответа и чем они отличаются друг от друга?

Это статусные коды HTTP:
- 2xx — успех;
- 3xx — редиректы;
- 4xx — ошибка клиента;
- 5xx — ошибка сервера.
Они информируют клиента о результате обработки запроса.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17
🤔 Какой метод в JavaScript нужен для отслеживания изменений в размерах элемента?
Anonymous Quiz
22%
MutationObserver
59%
ResizeObserver
15%
addEventListener
5%
observe
👍3💊2
🤔 Какие методы запросов бывают?

- GET — получить данные;
- POST — создать;
- PUT — заменить;
- PATCH — частично изменить;
- DELETE — удалить;
- OPTIONS — узнать поддерживаемые методы;
- HEAD — заголовки без тела.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥5
🤔 Какой HTML элемент используется для определения основной части содержимого документа? (Семантически)
Anonymous Quiz
46%
;
34%
;
13%
;
8%
;
💊73🤔32🔥1
🤔 Какое значение свойства CSS will-change оптимизирует будущие изменения свойств элемента?
Anonymous Quiz
44%
auto
42%
transform
4%
opacity
10%
contain
💊7🤔5
🤔 Что делает box-sizing: border-box?

Изменяет модель расчёта размеров элемента:
1. Ширина и высота включают содержимое, padding и border.
2. Это упрощает управление размерами, так как итоговый размер элемента остаётся фиксированным.
Без border-box (по умолчанию content-box), padding и border увеличивают размеры элемента, что усложняет расчёты.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15
🤔 Какой метод JavaScript позволяет асинхронно выполнять функции для всех значений массива, но возвращать результат первого завершенного промиса?
Anonymous Quiz
17%
Promise.any()
44%
Promise.race()
17%
Promise.all()
21%
Promise.first()
👍5🔥2
🤔 Какой атрибут тега <a> используется для указания, что ссылка должна быть открыта в новой вкладке браузера?
Anonymous Quiz
86%
target="_blank"
2%
rel="external"
4%
open="new"
👍5
🤔 Какие drag-события вам известны?

- dragstart — начало перетаскивания;
- drag — во время перетаскивания;
- dragenter — объект входит в зону;
- dragover — объект находится над зоной;
- dragleave — покидает зону;
- drop — объект сброшен;
- dragend — завершение операции.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍3
🤔 Какой HTML тег определяет самостоятельный раздел, который не связан с основным содержимым?
Anonymous Quiz
6%
independent
57%
section
31%
article
5%
standalone
👍4
🤔 Какой CSS-свойство используется для создания градиентного фона?
Anonymous Quiz
66%
background-color
23%
background-image
3%
border-style
8%
filter
💊10👍3
🤔 Как можно ускорить загрузку сайта?

1. Оптимизировать изображения (сжать и использовать современные форматы, например, WebP).
2. Использовать кэширование данных (например, через CDN).
3. Минифицировать CSS, JS и HTML.
4. Асинхронно загружать сторонние скрипты и шрифты.
5. Использовать lazy loading для изображений и компонентов.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍6