🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Poll
36%
border-box
3%
padding-box
59%
content-box
2%
margin-box
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Бесплатный фоновый ремувер заднего фона, работающий в вашем браузере на базе WebGPU (с использованием transformer.js)
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
📲 Weather App Concept – красивая анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.
Javascript вопрос: Принцип DRY гласит...
Anonymous Poll
22%
Код должен быть понятным и простым
2%
Необходимо разделение интересов
18%
Одна функция отвечает за одно действие
53%
Не повторяйся
5%
Посмотреть ответы
📌 Чем let отличается от var ?
Ключевые слова let и var используются для объявления переменных, но между ними есть несколько важных различий, касающихся области видимости, поднятия (hoisting) и создания блока.
🤔 Область видимости (Scope)
➕ Var:
Объявления переменных с использованием
➕ Let:
В отличие от
🤔 Поднятие (Hoisting)
➕ Var:
Переменные, объявленные с ее помощью, поднимаются в начало функции или скрипта. Это означает, что они могут быть использованы до своего объявления, хотя до инициализации они будут иметь значение
➕ Let:
Переменные, объявленные с ее помощью, также поднимаются, но не инициализируются. Попытка доступа к такой переменной до её объявления приведет к ошибке
🤔 Создание в глобальном контексте
➕ Var:
Переменные, объявленные с ее помощью в глобальном контексте, становятся свойствами глобального объекта (
➕ Let:
Переменные, объявленные с ее помощью в глобальном контексте, не становятся свойствами глобального объекта.
🤔 Примеры:
🤔 Итог:
В то время как
Ключевые слова let и var используются для объявления переменных, но между ними есть несколько важных различий, касающихся области видимости, поднятия (hoisting) и создания блока.
🤔 Область видимости (Scope)
➕ Var:
Объявления переменных с использованием
var
имеют функциональную область видимости, что означает, что переменная, объявленная с помощью нее внутри функции, доступна везде в этой функции.➕ Let:
В отличие от
var
, let
имеет блочную область видимости. Это означает, что переменная, объявленная с помощью нее в блоке (например, в цикле или условном операторе), будет доступна только в пределах этого блока.🤔 Поднятие (Hoisting)
➕ Var:
Переменные, объявленные с ее помощью, поднимаются в начало функции или скрипта. Это означает, что они могут быть использованы до своего объявления, хотя до инициализации они будут иметь значение
undefined
.➕ Let:
Переменные, объявленные с ее помощью, также поднимаются, но не инициализируются. Попытка доступа к такой переменной до её объявления приведет к ошибке
ReferenceError
. Это поведение известно как "временная мертвая зона" (temporal dead zone, TDZ).🤔 Создание в глобальном контексте
➕ Var:
Переменные, объявленные с ее помощью в глобальном контексте, становятся свойствами глобального объекта (
window
в браузерах).➕ Let:
Переменные, объявленные с ее помощью в глобальном контексте, не становятся свойствами глобального объекта.
🤔 Примеры:
if (true) {
var varVariable = "Я доступен везде в функции";
let letVariable = "Я доступен только в этом блоке";
}
console.log(varVariable); // Работает, потому что var имеет функциональную область видимости
console.log(letVariable); // Ошибка, потому что let имеет блочную область видимости
console.log(a); // undefined из-за поднятия
var a = 3;
console.log(b); // ReferenceError из-за временной мертвой зоны
let b = 4;
🤔 Итог:
let
предоставляет более строгую и предсказуемую область видимости переменных, что улучшает управляемость кодом и уменьшает вероятность ошибок, связанных с неожиданным доступом или изменением данных. var
может быть полезен, когда нужна функциональная область видимости, но сейчас let
и const
(для объявления констант) являются предпочтительными вариантами для управления переменными.В то время как
var
объявляет переменную, доступную во всей функции, а let
ограничивает видимость переменной блоком, в котором она объявлена.Forwarded from Задачи по Frontend
CSS. Какое свойство определяет, может ли пользователь выбрать текст?
Anonymous Quiz
17%
selection
22%
selectable
18%
cursor-select
10%
Такого свойства не существует
24%
Такое свойство существует, но не перечислено выше
9%
Посмотреть ответы
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Poll
24%
hasClass()
10%
containsClass()
18%
getClass()
48%
classList.contains()
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Интерактивная форма для ввода данных, которая плавно появляется при загрузке.
👍2
Frontend теперь в телеграм!
Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках:
Логово Верстальщика — научит верстать продающие сайты.
Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков.
Frontender's notes — советы и полезные приемы для каждого разработчика.
Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках:
Логово Верстальщика — научит верстать продающие сайты.
Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков.
Frontender's notes — советы и полезные приемы для каждого разработчика.
👀1
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Регистрируйтесь по ссылке: https://telega.in/n/frontend_dev5
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Регистрируйтесь по ссылке: https://telega.in/n/frontend_dev5
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
🤯1
HTML вопрос: Где необходимо разместить тег <script>, чтобы скрипт запустился только после прогрузки всего HTML?
Anonymous Poll
35%
Сразу после </body>
8%
Сразу перед </head>
39%
Сразу перед </body>
14%
Это произойдет в любом случае
4%
Посмотреть ответы
🗿1
This media is not supported in your browser
VIEW IN TELEGRAM
Clocktober day 21: Perspective - Стильные часы для вашего сайта