Frontend | Тесты – Telegram
Frontend | Тесты
@easy_frontend_tests
7.87K subscribers
37 photos
475 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 | Тесты
🤔 Как в HTML добавить аудио файл, который будет автоматически проигрываться без контролов управления на странице?
Anonymous Quiz
49%
<audio src="music.mp3" autoplay controls="false"></audio>;
17%
<audio src="music.mp3" autoplay hidden></audio>;
11%
<audio src="music.mp3" autoplay controls></audio>;
23%
<audio src="music.mp3" play="auto" nocontrols></audio>;
💊25👍2🤯1
1.08K voters3.2K views
Frontend | Тесты
🤔 Как в HTML5 задать поле ввода, которое принимает только числовые значения?
Anonymous Quiz
87%
<input type="number" />;
5%
<input type="numeric" />;
4%
<input type="text" numeric />;
4%
<input type="integer" />;
👍11🤯1
1.27K voters3.11K views
Frontend | Тесты
🤔 Какое значение flex-wrap используется для переноса элементов на новую строку в flex-контейнере?
Anonymous Quiz
87%
wrap;
5%
nowrap;
6%
flex-line;
2%
wrap-reverse;
👍6
1.24K voters3K views
Frontend | Тесты
🤔 Как в HTML5 указать, что видео должно играть в цикле?
Anonymous Quiz
49%
<video src="movie.mp4" loop></video>;
37%
<video src="movie.mp4" repeat></video>;
5%
<video src="movie.mp4" cycle></video>;
10%
<video src="movie.mp4" looping="true"></video>;
👍9
1.18K voters3.02K views
Frontend | Тесты
🤔 Какое свойство CSS используется для определения пространства между границей и контентом элемента?
Anonymous Quiz
75%
padding;
15%
margin;
5%
border-space;
5%
content-spacing;
👍6👀4💊3
1.27K voters3.03K views
Frontend | Тесты
🤔 Как в JavaScript сделать глубокую копию объекта, чтобы изменения в копии не влияли на исходный объект?
Anonymous Quiz
49%
JSON.parse(JSON.stringify(object));
21%
Object.clone(object);
13%
{...object};
17%
Object.assign({}, object);
❤7👍3
1.16K voters2.93K views
Frontend | Тесты
🤔 Расскажи про event loop?

Event loop — это механизм в JavaScript, который позволяет асинхронное выполнение кода, несмотря на то что JavaScript — однопоточный язык. Он управляет порядком выполнения задач, отложенных вызовов и операций ввода-вывода, позволяя неблокирующую работу. Принцип работы event loop заключается в циклическом извлечении задач из очереди и их выполнении, пока очередь не опустеет. Так, даже операции, требующие значительного времени, не останавливают работу страницы, позволяя интерфейсу оставаться отзывчивым.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥22❤2💊1
3.21K views
Frontend | Тесты
🤔 Как в JavaScript можно ограничить число с двумя знаками после запятой?
Anonymous Quiz
57%
number.toFixed(2);
15%
number.round(2);
9%
number.limitDecimals(2);
19%
Math.round(number, 2);
👍11🤯5
1.3K voters2.98K views
Frontend | Тесты
🤔 Какое свойство CSS позволяет элементу занимать всё доступное пространство по ширине контейнера?
Anonymous Quiz
82%
width: 100%;
2%
size: full;
10%
width: auto;
6%
flex-grow: 1;
👍10🔥2
1.36K voters2.87K views
Frontend | Тесты
🤔 Что такое promise и какие состояния у него есть?

Promise в JavaScript — это объект, который представляет результат асинхронной операции. Он может находиться в одном из трёх состояний: pending (ожидание), fulfilled (выполнено) и rejected (отклонено). Fulfilled означает, что операция завершилась успешно, а rejected — что произошла ошибка. Это удобный способ работы с асинхронным кодом и упрощает обработку результатов таких операций.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍57🔥20❤2💊1
2.95K views
Frontend | Тесты
🤔 Какое свойство CSS используется для добавления тени к тексту?
Anonymous Quiz
80%
text-shadow: 2px 2px 2px #000;
14%
font-shadow: 2px 2px #000;
4%
text-outline: 2px #000;
2%
letter-shadow: 2px 2px #000;
👍10❤1
1.27K voters2.84K views
Frontend | Тесты
🤔 Как в JavaScript определить, находится ли пользователь на мобильном устройстве?
Anonymous Quiz
45%
navigator.userAgent.contains('Mobi');
5%
'Mobi' in navigator.userAgent;
19%
navigator.userAgent.match(/Mobi/);
32%
navigator.isMobile;
🤯20👍4👀4🤔2🔥1
1.17K voters2.82K views
Frontend | Тесты
🤔 Какие типы данных существуют в javanoscript?

В JavaScript существует 7 примитивных типов данных: string, number, boolean, null, undefined, symbol и bigint. Помимо примитивных типов, есть объектный тип — object, который включает массивы, функции и другие сложные структуры. Примитивы передаются по значению, а объекты — по ссылке. Также BigInt добавлен для работы с большими целыми числами.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥20💊2
2.9K views
Frontend | Тесты
🤔 Как в CSS указать, что элемент не должен отображаться в документе и не должен занимать пространство?
Anonymous Quiz
19%
visibility: hidden;
75%
display: none;
5%
opacity: 0;
1%
hide: true;
👍18🔥6❤1🤯1
1.33K voters2.85K views
Frontend | Тесты
🤔 Как в CSS задать минимальную ширину элемента, ниже которой он не может сжиматься?
Anonymous Quiz
91%
min-width: 300px;
2%
minimum-width: 300px;
6%
width: min(300px);
1%
smallest-width: 300px;
👍8💊4❤3🤯1
1.21K voters2.74K views
Frontend | Тесты
🤔 Что такое virtual dom?

Virtual DOM — это легковесное представление реального DOM, которое используется для оптимизации обновлений пользовательского интерфейса. При изменении состояния приложения, виртуальный DOM обновляется сначала, после чего вычисляются минимальные изменения для реального DOM. Это позволяет сократить количество операций с реальным DOM, которые могут быть затратными. Virtual DOM широко используется в библиотеках, таких как React.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥25❤3
2.9K views
Frontend | Тесты
🤔 Какое свойство CSS используется для изменения прозрачности фона элемента, не влияя на его содержимое?
Anonymous Quiz
28%
background-opacity: 0.5;
41%
opacity: 0.5;
29%
background: rgba(255, 255, 255, 0.5);
2%
alpha-background: 0.5;
👍11
1.21K voters2.86K views
Frontend | Тесты
🤔 Как в CSS создать горизонтальное меню без использования JavaScript?
Anonymous Quiz
56%
nav { display: flex; }
8%
menu { type: horizontal; }
26%
ul { list-style: none; display: inline-block; }
9%
nav { layout: horizontal; }
🤔12👍7👀4
1.12K voters2.74K views
Frontend | Тесты
🤔 Чем let отличается от var?

Переменные, объявленные через let, имеют блочную область видимости, тогда как var — функциональную область видимости. Это значит, что let не доступен за пределами блока, в котором объявлен, а var доступен в пределах функции. Также, переменные, объявленные через let, не подвержены всплытию (hoisting) так же, как var. Let считается более безопасным для использования в современных проектах.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍60🔥23💊2
2.92K views
Frontend | Тесты
🤔 Как в JavaScript ограничить выполнение функции не чаще одного раза в секунду, даже если она вызывается чаще?
Anonymous Quiz
59%
setInterval(function, 1000);
20%
debounce(function, 1000);
11%
throttle(function, 1000);
11%
limit(function, 1000);
🤯22👍11
1.19K voters2.97K views
Frontend | Тесты
🤔 Какое значение display используется для создания блочно-строчного контейнера в CSS?
Anonymous Quiz
6%
display: inline;
10%
display: block;
78%
display: inline-block;
5%
display: flex;
💊7👍5
1.13K voters2.82K views