NEW BOT Телеграм, страница

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

Please open Telegram to view this post

VIEW IN TELEGRAM

👍51🔥25❤3

2.9K views16:10

Frontend | Тесты

🤔 Какое свойство CSS используется для изменения прозрачности фона элемента, не влияя на его содержимое?

Anonymous Quiz

28%

background-opacity: 0.5;

41%

opacity: 0.5;

29%

background: rgba(255, 255, 255, 0.5);

alpha-background: 0.5;

👍11

1.21K voters2.86K views20:10

Frontend | Тесты

🤔 Как в CSS создать горизонтальное меню без использования JavaScript?

Anonymous Quiz

56%

nav { display: flex; }

menu { type: horizontal; }

26%

ul { list-style: none; display: inline-block; }

nav { layout: horizontal; }

🤔12👍7👀4

1.12K voters2.74K views09:10

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 views16:10

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 views20:10

Frontend | Тесты

🤔 Какое значение display используется для создания блочно-строчного контейнера в CSS?

Anonymous Quiz

display: inline-block;

display: flex;

💊7👍5

1.13K voters2.82K views09:10

Frontend | Тесты

🤔 Чем var отличается от const?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

Please open Telegram to view this post

VIEW IN TELEGRAM

👍51🔥7

2.78K views16:10

Frontend | Тесты

🤔 Как в CSS установить границу для элемента, которая появляется только при наведении курсора?

Anonymous Quiz

border: 1px solid transparent;

hover { border: 1px solid black; }

86%

:hover { border: 1px solid black; }

{ border-color: black; }

👍20💊3

1.11K voters2.63K views20:10

Frontend | Тесты

🤔 Как в JavaScript сгенерировать случайное целое число в заданном диапазоне, например, от 10 до 50?

Anonymous Quiz

42%

Math.floor(Math.random() * 41) + 10;

47%

Math.random(10, 50);

Math.intBetween(10, 50);

Random.range(10, 50);

🤔11👍2

1.03K voters2.63K views09:10

Frontend | Тесты

🤔 В чем разница == и ===?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

Please open Telegram to view this post

VIEW IN TELEGRAM

👍72🔥8❤2

2.88K views16:10

Frontend | Тесты

🤔 Как в HTML сделать таблицу доступной только для чтения?

Anonymous Quiz

<table contenteditable="false">;

💊16👀10

1.08K voters2.72K views20:10

Frontend | Тесты

🤔 Какое свойство и значение в CSS используется для скрытия элемента, сохраняя за ним занимаемое пространство в макете?

Anonymous Quiz

👍7

974 voters2.57K views09:10

Frontend | Тесты

🤔 Какие способы изоляции стилей ты знаешь?

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

@import

` и `:host` в веб-компонентах. Все эти способы помогают избежать пересечения стилей и гарантируют их изоляцию.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥34👍5

2.69K views16:10

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 views20:10

Frontend | Тесты

🤔 Как в JavaScript сделать так, чтобы функция выполнялась каждые 2 секунды?

Anonymous Quiz

75%

setInterval(myFunction, 2000);

16%

setTimeout(myFunction, 2000);

repeat(myFunction, 2000);

loop(myFunction, 2000);

👍11

1.04K voters2.47K views09:10

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 views16:10

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>;

<video src="silentmovie.mp4" silent="true"></video>;

💊17🤯9👍4

846 voters2.39K views20:10

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 views09:10

Frontend | Тесты

🤔

В чём разница между классической функцией и стрелочной?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

Please open Telegram to view this post

VIEW IN TELEGRAM

👍27🔥15❤3

2.66K views16:10

About

Blog

Apps

Platform