Frontend | Тесты – Telegram
Frontend | Тесты
@easy_frontend_tests
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
About
Blog
Apps
Platform
Join
Frontend | Тесты
7.86K subscribers
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
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