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

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
About
Blog
Apps
Platform
Join
Frontend | Тесты
7.87K subscribers
Frontend | Тесты
🤔 Что такое макро и микро задачи?

Макро-задачи (macro-tasks) — это крупные задачи, такие как события ввода-вывода, таймеры или сетевые запросы, которые планируются в основной очереди событий. Микро-задачи (micro-tasks) — это задачи меньшего приоритета, которые выполняются сразу после завершения текущего блока кода, но до выполнения следующих макро-задач (например, `Promise` или `MutationObserver`). Микро-задачи всегда выполняются перед макро-задачами, что позволяет им завершаться быстрее. Это важное отличие в управлении асинхронным кодом и приоритизацией событий.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32👍16❤3🤔1
2.67K views
Frontend | Тесты
🤔 Как в HTML5 указать, что видеофайл должен начать воспроизведение, как только будет достаточно данных для бесперебойной работы?
Anonymous Quiz
70%
<video src="movie.mp4" autoplay preload="auto"></video>;
4%
<video src="movie.mp4" playas="auto"></video>;
13%
<video src="movie.mp4" load="auto"></video>;
14%
<video src="movie.mp4" start="auto"></video>;
👍11🔥1
843 voters2.68K views
Frontend | Тесты
🤔 Какое значение свойства overflow в CSS используется, чтобы всегда отображать полосы прокрутки?
Anonymous Quiz
66%
overflow: scroll;
11%
overflow: auto;
3%
overflow: hidden;
21%
overflow: visible;
👍9❤1
1.01K voters2.57K views
Frontend | Тесты
🤔 Что такое this?

`this` в JavaScript — это ключевое слово, которое указывает на текущий контекст исполнения функции или объекта. Значение `this` зависит от того, как вызывается функция: в методе объекта `this` ссылается на объект, в функции вне объекта — на глобальный объект или `undefined` в строгом режиме. В стрелочных функциях `this` не определяется локально, а наследуется от родительской области видимости. Использование `this` позволяет работать с динамическими контекстами.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍46🔥16❤1
2.78K views
Frontend | Тесты
🤔 Какое значение position в CSS используется для фиксации элемента на экране при прокрутке страницы?
Anonymous Quiz
10%
static;
4%
relative;
80%
fixed;
6%
absolute;
👍4❤1
1.11K voters2.59K views
Frontend | Тесты
🤔 Как в HTML5 создать поле для ввода пароля, которое также показывает надпись внутри поля, пока пользователь не начал ввод?
Anonymous Quiz
87%
<input type="password" placeholder="Enter Password" />;
5%
<input type="password" label="Enter Password" />;
4%
<input type="password" text="Enter Password" />;
4%
<input type="password" value="Enter Password" />;
👍10😁1
928 voters2.6K views
Frontend | Тесты
🤔 В чём отличие null от undefined?

`null` в JavaScript — это явное указание на отсутствие значения или объекта, тогда как `undefined` означает, что переменная или свойство были объявлены, но не инициализированы. `null` назначается вручную разработчиком, а `undefined` — результат автоматического присваивания переменным, которые ещё не получили значения. В логическом контексте оба значения считаются ложными, но их использование отличается в зависимости от смысла кода. `null` чаще используется для инициализации переменных, ожидающих объект.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍37🔥17
2.78K views
Frontend | Тесты
🤔 Как задать основной язык документа в HTML для улучшения SEO и доступности?
Anonymous Quiz
69%
<html lang="en">
22%
<meta language="en">
2%
<body lang="en">
7%
<lang="en">
👍9❤1
1.07K voters2.7K views
Frontend | Тесты
🤔 Какой атрибут HTML5 делает видео автоматически воспроизводимым и без звука?
Anonymous Quiz
29%
autoplay;
65%
muted autoplay;
4%
silent;
3%
auto;
👍7❤1
1.02K voters2.5K views
Frontend | Тесты
🤔 Какие бывают хуки?

В React хуки — это специальные функции, которые позволяют "подключаться" к состоянию и жизненному циклу функциональных компонентов. Основные хуки включают `useState` для работы с состоянием, `useEffect` для выполнения побочных эффектов, и `useContext` для доступа к контексту. Также есть пользовательские хуки, которые можно создавать для повторного использования логики между компонентами. Хуки позволяют использовать функциональные компоненты так же эффективно, как и классовые.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥16❤3
2.75K views
Frontend | Тесты
🤔 Какое свойство и значение в CSS создают маску для элемента?
Anonymous Quiz
26%
clip-path: circle(50%);
41%
mask-image: url("mask.png");
2%
hide-parts: semi;
31%
mask: cover;
👍9
894 voters2.56K views
Frontend | Тесты
🤔 Какое свойство CSS устанавливает, как должен происходить перенос текста на новую строку внутри элемента?
Anonymous Quiz
63%
text-wrap
22%
white-space
9%
text-break
6%
line-break
👍11
933 voters2.39K views
Frontend | Тесты
🤔 Что такое мемоизация?

Мемоизация — это техника оптимизации, при которой результаты выполнения функций кэшируются для ускорения последующих вызовов с теми же аргументами. В JavaScript мемоизация часто используется для сложных вычислений или рендеринга, где повторное выполнение одной и той же операции может быть дорогим. Функции, использующие мемоизацию, сохраняют результаты в памяти и возвращают их при тех же входных данных без повторного вычисления. Это улучшает производительность, особенно при работе с большими данными.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥35👍19❤5
2.61K views
Frontend | Тесты
🤔 Как в JavaScript определить, закончилась ли прокрутка страницы до конца?
Anonymous Quiz
36%
window.scrollY == document.body.offsetHeight
34%
window.scrollTop + window.innerHeight >= document.body.scrollHeight
10%
document.scrollBottom
20%
document.height == window.scrollY
👍14🔥5👀4
895 voters2.63K views
Frontend | Тесты
🤔 Как в CSS создать тень только снизу элемента?
Anonymous Quiz
26%
box-shadow: 0 10px 10px -10px #000;
10%
box-shadow: 10px 0 5px 0 #000;
23%
box-shadow: inset 0 -10px 10px #000;
42%
box-shadow: 0 0 10px 10px #000;
👍5
827 voters2.42K views
Frontend | Тесты
🤔 В чём отличие хранения данных в local storage от куки?

`localStorage` хранит данные на стороне клиента и позволяет сохранять информацию в виде ключ-значение без ограничения по времени, пока пользователь явно не удалит данные. Куки же могут передаваться на сервер при каждом запросе, имеют ограниченный объём (до 4KB) и срок действия. `localStorage` более удобен для долгосрочного хранения данных, которые не должны передаваться на сервер, тогда как куки полезны для передачи информации, такой как аутентификационные токены. `localStorage` работает только на клиентской стороне, куки же могут быть доступны и на стороне сервера.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥28❤2🤔1
2.55K views
Frontend | Тесты
🤔 Какое значение атрибута rel в теге <a> делает ссылку безопасной при открытии в новой вкладке?
Anonymous Quiz
31%
rel="external"
12%
rel="noopener"
37%
rel="noreferrer"
20%
rel="nofollow"
💊19🤔9❤1
855 voters2.36K views
Frontend | Тесты
🤔 Как в CSS задать элемент так, чтобы он занимал все доступное горизонтальное пространство внутри своего родителя, но при этом мог увеличиваться в размерах при добавлении контента?
Anonymous Quiz
49%
width: 100%;
25%
width: auto;
23%
flex-grow: 1;
3%
expand: horizontal;
💊26🔥1
878 voters2.38K views
Frontend | Тесты
🤔 В чём разница между foreach и map?

`forEach` выполняет функцию для каждого элемента массива, не возвращая нового массива, тогда как `map` создает новый массив, заполняя его результатами выполнения функции для каждого элемента исходного массива. `forEach` обычно используется для выполнения побочных эффектов, таких как изменение существующих данных или вызов внешних функций. `map` удобен для преобразования массива в новый массив с изменёнными данными. Если требуется создать новый массив, предпочтительнее использовать `map`.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥13👀2❤1
2.58K views
Frontend | Тесты
🤔 Какой тег HTML5 используется для создания самостоятельной группы интерактивных элементов управления, например, кнопок радио?
Anonymous Quiz
30%
<fieldset>
29%
<controls>
22%
<section>
20%
<group>
💊10👍7❤1
941 voters2.56K views
Frontend | Тесты
🤔 Какое значение overflow скрывает содержимое, выходящее за пределы блока, и не показывает полосы прокрутки?
Anonymous Quiz
86%
overflow: hidden;
6%
overflow: scroll;
2%
overflow: auto;
5%
overflow: cover;
👍9
848 voters2.37K views