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

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Какой метод в 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%
;
💊72🤔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
18%
Promise.any()
44%
Promise.race()
17%
Promise.all()
21%
Promise.first()
👍5🔥2
🤔 Какой атрибут тега <a> используется для указания, что ссылка должна быть открыта в новой вкладке браузера?
Anonymous Quiz
86%
target="_blank"
2%
rel="external"
5%
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
32%
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
🤔 Какое свойство CSS позволяет элементу читать и поддерживать его размеры, даже если окно браузера изменяется?
Anonymous Quiz
33%
resize
8%
adaptation
36%
fit-content
23%
flex-grow
🤔12👍2
🤔 Какой атрибут HTML используется для определения стилей, написанных прямо в элементе?
Anonymous Quiz
86%
style
4%
class
7%
styles
3%
stylesheet
👍5💊1
🤔 Что такое margin collapse и для чего?

Margin collapse — это схлопывание внешних отступов между вертикально соседствующими элементами.
Если один элемент имеет margin-bottom, а следующий — margin-top, будет применён наибольший из них, а не сумма. Это упрощает вертикальные отступы.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
🤔 Какой метод JavaScript используется для определения наличия и доступности определенных функций в браузере пользователя, например, API для работы с геолокацией?
Anonymous Quiz
59%
navigator.exists()
9%
feature.detect()
3%
Modernizr.check()
29%
navigator.permissions.query()
💊12🤔3
🤔 Как в JavaScript сделать так, чтобы функция выполнялась каждые 2 секунды?
Anonymous Quiz
83%
setInterval(myFunction, 2000);
12%
setTimeout(myFunction, 2000);
3%
repeat(myFunction, 2000);
2%
loop(myFunction, 2000);
👍3💊3
🤔 Какие есть типы функций?

Есть обычные именованные функции, анонимные, стрелочные, методы объектов, функции-конструкторы, рекурсивные и колбэки. Каждая из них имеет своё назначение и особенности поведения.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2💊1
🤔 Какое значение атрибута target в <a> открывает ссылку в новом окне браузера?
Anonymous Quiz
92%
_blank
4%
_self
3%
_top
1%
_parent
👍4
🤔 Какое значение будет в переменной n после выполнения следующего кода?
let n = new Set([1, 2, 3, 2, 1]).size;
Anonymous Quiz
3%
2
64%
3
9%
4
24%
5
👍7
🤔 В чём заключаются недостатки SSR?

- Задержка при первом рендеринге;
- Нагрузка на сервер;
- Сложность интеграции с клиентским SPA-приложением;
- Повышенные требования к инфраструктуре.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
🤔 Какое значение будет в переменной b после выполнения следующего кода?
let b = [1, 2, 3];
b = b.flatMap(x => [x, x * 2]);
Anonymous Quiz
3%
[1, 2, 3]
57%
[1, 2, 2, 4, 3, 6]
36%
[2, 4, 6]
3%
[1, 4, 3, 6]
👍7🔥2