Фронтенд Гайд
رفتن به کانال در Telegram
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
نمایش بیشتر6 282
مشترکین
-224 ساعت
-167 روز
-7530 روز
آرشیو پست ها
6 282
Какое действие выполняет event.preventDefault() в обработчике событий?
6 282
В чем разница между
== и === в JavaScript?
🔸 == (нестрогое сравнение) приводит типы перед сравнением:
console.log(5 == "5"); // true (строка преобразуется в число)
🔸 === (строгое сравнение) сравнивает и тип, и значение:
console.log(5 === "5"); // false (разные типы)
console.log(null === undefined); // false
⚡️ Всегда используйте ===, чтобы избежать неожиданных преобразований и ошибок!6 282
Какое значение position в CSS позволяет элементу оставаться зафиксированным на экране при прокрутке страницы?
6 282
⚙️ Переходите на сторону light-dark()
Статья раскрывает современные CSS-функции для создания адаптивного темного режима, заменяющие традиционные медиа-запросы. Рассматриваются подходы, упрощающие настройку цветовых схем под предпочтения пользователя.
#Полезное
6 282
reveal.js
reveal.js — это программа для создания HTML-презентаций с открытым исходным кодом. Презентации, созданные с ее помощью, чрезвычайно красивы и элегантны, особенно те, которые включают в себя демонстрацию кода. Самое замечательное, что вы можете делать с презентацией то же самое, что и с вебом — изменять ее, оформлять по своему вкусу и т.д.
#GitHub
6 282
30-seconds-of-code
Элегантный пользовательский интерфейс, практичная панель поиска и сниппеты, которые решают некоторые из наиболее часто встречающихся проблем в JavaScript и Python. О чем еще может спросить программист? Все под рукой.
6 282
CSS. Свойство, устанавливающее, как отображать границы вокруг ячеек таблицы, называется...
6 282
Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
6 282
🔥 Зачем нужен атрибут defer в теге
<script>?
Атрибут defer позволяет загружать скрипты в фоновом режиме, но выполнять их только после полной загрузки HTML. Это ускоряет рендеринг страницы и предотвращает блокировку контента.
✅ Как это работает?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Defer Example</title>
<script src="script.js" defer></script> <!-- Скрипт выполнится после загрузки HTML -->
</head>
<body>
<h1>⚡️ Быстрая страница!</h1>
</body>
</html>
🔹 Скрипт загружается параллельно с HTML
🔹 Выполняется в порядке объявления
🔹 Не блокирует отрисовку страницы
⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.6 282
Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
6 282
⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании
Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.
#Полезное
6 282
❓ Что делает
event.preventDefault() в JavaScript и когда его использовать?
Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами.
📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.
preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.
اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
