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 | Тесты
🤔Различие методов call apply bind?

Методы `call` и `apply` выполняют функцию с заданным контекстом `this`, но `call` принимает аргументы по отдельности, а `apply` — в виде массива. Метод `bind` возвращает новую функцию с предустановленным значением `this`, которую можно вызвать позже. В отличие от `call` и `apply`, `bind` не вызывает функцию немедленно. `bind` часто используется для создания копий функций с привязкой контекста.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31👍18❤2
2.53K views
Frontend | Тесты
🤔 Как в HTML5 задать видео, которое должно играть в бесшумном режиме и быть доступным только для чтения?
Anonymous Quiz
59%
<video src="silentmovie.mp4" muted controls readonly></video>;
11%
<video src="silentmovie.mp4" muted controls></video>;
24%
<video src="silentmovie.mp4" muted autoplay loop></video>;
6%
<video src="silentmovie.mp4" silent="true"></video>;
💊17🤯9👍4
846 voters2.39K views
Frontend | Тесты
🤔 Как в HTML установить, что форма должна быть отправлена на сервер при нажатии Enter?
Anonymous Quiz
10%
<form action="submit.php" method="post" autocomplete="on"></form>;
35%
<form action="submit.php" method="post" enterkeyhint="enter"></form>;
27%
<form action="submit.php" method="post" onsubmit="submitForm();"></form>;
27%
<form action="submit.php" method="post"></form>;
💊10👍7
860 voters2.4K views
Frontend | Тесты
🤔 В чём разница между классической функцией и стрелочной?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥15❤3
2.66K views
Frontend | Тесты
🤔 Как в JavaScript скопировать текст в буфер обмена?
Anonymous Quiz
32%
navigator.clipboard.writeText("text");
29%
document.copy("text");
24%
window.clipboard("text");
15%
clipboard.copy("text");
💊15👍6🤯6
1.09K voters2.81K views
Frontend | Тесты
🤔 Какой HTML тег лучше всего подходит для разметки основной навигации на сайте?
Anonymous Quiz
8%
<navigation>
87%
<nav>
3%
<navigate>
3%
<menu>
👍10🤯1
1.1K voters2.5K views
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