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 | Тесты
🤔 Чем var отличается от const?

Переменные, объявленные через var, могут быть переназначены, тогда как const блокирует возможность переназначения после инициализации. Также, const требует обязательной инициализации при объявлении. Var имеет функциональную область видимости, в то время как const ограничен блочной областью видимости. Const используется для переменных, значения которых не должны изменяться.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥7
2.78K views
Frontend | Тесты
🤔 Как в CSS установить границу для элемента, которая появляется только при наведении курсора?
Anonymous Quiz
5%
border: 1px solid transparent;
9%
hover { border: 1px solid black; }
86%
:hover { border: 1px solid black; }
0%
{ border-color: black; }
👍20💊3
1.11K voters2.63K views
Frontend | Тесты
🤔 Как в JavaScript сгенерировать случайное целое число в заданном диапазоне, например, от 10 до 50?
Anonymous Quiz
42%
Math.floor(Math.random() * 41) + 10;
47%
Math.random(10, 50);
3%
Math.intBetween(10, 50);
8%
Random.range(10, 50);
🤔11👍2
1.03K voters2.63K views
Frontend | Тесты
🤔 В чем разница == и ===?

== сравнивает значения с приведением типов, что может приводить к неожиданным результатам, тогда как === сравнивает как значения, так и типы данных. Это означает, что === является более строгим оператором и не выполняет автоматическое преобразование типов. Например, 1 == '1' вернёт true, а 1 === '1' — false. Использование === более предпочтительно для избежания ошибок.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍72🔥8❤2
2.88K views
Frontend | Тесты
🤔 Как в HTML сделать таблицу доступной только для чтения?
Anonymous Quiz
61%
<table readonly>;
16%
<table disabled>;
4%
JavaScript only
20%
<table contenteditable="false">;
💊16👀10
1.08K voters2.72K views
Frontend | Тесты
🤔 Какое свойство и значение в CSS используется для скрытия элемента, сохраняя за ним занимаемое пространство в макете?
Anonymous Quiz
53%
visibility: hidden;
17%
display: none;
26%
opacity: 0;
3%
hidden: true;
👍7
974 voters2.57K views
Frontend | Тесты
🤔 Какие способы изоляции стилей ты знаешь?

Изоляция стилей может быть достигнута с помощью CSS-модулей, которые создают уникальные имена классов для предотвращения конфликта стилей. Shadow DOM изолирует стили внутри веб-компонентов, не позволяя им влиять на внешний код. Также можно использовать атрибуты, такие как `scoped` для стилей внутри Vue.js или инкапсуляцию стилей с помощью `@import` и `:host` в веб-компонентах. Все эти способы помогают избежать пересечения стилей и гарантируют их изоляцию.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥34👍5
2.69K views
Frontend | Тесты
🤔 Как в 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
949 voters2.72K views
Frontend | Тесты
🤔 Как в JavaScript сделать так, чтобы функция выполнялась каждые 2 секунды?
Anonymous Quiz
75%
setInterval(myFunction, 2000);
16%
setTimeout(myFunction, 2000);
6%
repeat(myFunction, 2000);
3%
loop(myFunction, 2000);
👍11
1.04K voters2.47K views
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