Frontend | Тесты – Telegram
Frontend | Тесты
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
🤔 Как в CSS задать изображение в качестве фона для элемента с повторением по вертикали?
Anonymous Quiz
51%
background: url('image.jpg') repeat-y;
19%
background-image: url('image.jpg') vertical-repeat;
11%
background: url('image.jpg') repeat-vertical;
19%
background-image: url('image.jpg') y-repeat;
👍14🤯3
🤔 Как в JavaScript сделать так, чтобы функция выполнялась каждые 2 секунды?
Anonymous Quiz
75%
setInterval(myFunction, 2000);
16%
setTimeout(myFunction, 2000);
6%
repeat(myFunction, 2000);
3%
loop(myFunction, 2000);
👍11
🤔Различие методов 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👍182
🤔 Как в 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
🤔 В чём разница между классической функцией и стрелочной?

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

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

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32👍163🤔1
🤔 Как в 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
🤔 Какое значение свойства overflow в CSS используется, чтобы всегда отображать полосы прокрутки?
Anonymous Quiz
66%
overflow: scroll;
11%
overflow: auto;
3%
overflow: hidden;
21%
overflow: visible;
👍91
🤔 Что такое this?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍46🔥161
🤔 Какое значение position в CSS используется для фиксации элемента на экране при прокрутке страницы?
Anonymous Quiz
10%
static;
4%
relative;
80%
fixed;
6%
absolute;
👍41
🤔 Как в 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
🤔 В чём отличие null от undefined?

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

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

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

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

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

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