Фронтенд Гайд
رفتن به کانال در Telegram
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
نمایش بیشتر6 282
مشترکین
+124 ساعت
-157 روز
-7330 روز
آرشیو پست ها
6 282
Что происходит при использовании фазы перехвата (capturing) в обработке событий?
6 282
Как использовать любой CSS-фреймворк в вашем проекте
Автор показывает, как настроить Bootstrap Alert под свой стиль через SCSS и дизайн-систему, чтобы больше не страдать от серых прямоугольников по умолчанию
6 282
Какое из утверждений наиболее точно описывает разницу между == и === в JavaScript?
6 282
❓ Зачем используется атрибут async в теге script и когда его применять
Атрибут async указывает браузеру загружать скрипт в фоновом режиме и выполнять его сразу после загрузки, не дожидаясь полной обработки HTML. Это ускоряет загрузку страницы, но может привести к непредсказуемому порядку выполнения скриптов.
✅ Пример:
<script src="script.js" async></script>
📌 В этом примере скрипт начнёт загружаться параллельно с HTML и выполнится, как только загрузится — вне зависимости от состояния DOM.
async удобно использовать для независимых скриптов, таких как аналитика, реклама или внешние виджеты, которые не зависят от DOM и других скриптов. Это помогает улучшить время загрузки страницы.
6 282
Какое утверждение наиболее точно описывает поведение метода bind()?
6 282
Автоматический подбор браузером контрастного цвета в CSS
Я покажу, как
contrast-color() в CSS сам решает, белым писать текст или чёрным, и как это спасает от визуального позора. Больше никакой ручной игры в угадайку6 282
Какое поведение наиболее точно описывает вызов event.preventDefault()?
6 282
Форма на сайте = штраф от 100 тысяч. Многие даже не догадываются
В статье объясняют, почему любая форма на сайте может обернуться штрафом до 700 тысяч рублей: владельцы часто не знают, что становятся операторами персональных данных
6 282
Что из перечисленного наиболее точно описывает назначение Shadow DOM в веб-компонентах?
6 282
Что из перечисленного наиболее точно описывает фазу "Capture" при обработке событий в JavaScript?
6 282
❓ Зачем используется атрибут defer в теге script и когда его применять?
Атрибут
defer указывает браузеру загружать скрипт в фоновом режиме, но выполнять его только после полной загрузки HTML-документа. Это позволяет не блокировать отрисовку страницы и улучшает производительность.
✅ Пример:
<script src="script.js" defer></script>
📌 В этом примере скрипт будет загружен параллельно с HTML, но выполнится только после завершения обработки документа.
defer удобно использовать для подключения скриптов, которые зависят от готового DOM, особенно если они расположены в теге <head>. Это улучшает скорость рендеринга и пользовательский опыт.
اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
