fa
Feedback
Фронтенд Гайд

Фронтенд Гайд

رفتن به کانال در Telegram

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6

نمایش بیشتر
6 282
مشترکین
+124 ساعت
-157 روز
-7330 روز
آرشیو پست ها
Что происходит при использовании фазы перехвата (capturing) в обработке событий?
Anonymous voting

photo content

Text-Animation-test Простая сцена с анимированным текстом

Как использовать любой CSS-фреймворк в вашем проекте Автор показывает, как настроить Bootstrap Alert под свой стиль через SCS
Как использовать любой CSS-фреймворк в вашем проекте Автор показывает, как настроить Bootstrap Alert под свой стиль через SCSS и дизайн-систему, чтобы больше не страдать от серых прямоугольников по умолчанию

Какое из утверждений наиболее точно описывает разницу между == и === в JavaScript?
Anonymous voting

Card Mouse Hover Effect Карточки с интересным эффектом при наведении

Что происходит с объектом после применения Object.freeze()?
Anonymous voting

Зачем используется атрибут async в теге script и когда его применять Атрибут async указывает браузеру загружать скрипт в фоновом режиме и выполнять его сразу после загрузки, не дожидаясь полной обработки HTML. Это ускоряет загрузку страницы, но может привести к непредсказуемому порядку выполнения скриптов. ✅ Пример:
<script src="script.js" async></script>
📌 В этом примере скрипт начнёт загружаться параллельно с HTML и выполнится, как только загрузится — вне зависимости от состояния DOM.
async удобно использовать для независимых скриптов, таких как аналитика, реклама или внешние виджеты, которые не зависят от DOM и других скриптов. Это помогает улучшить время загрузки страницы.

photo content

Bouncy image radio group Галерея с плавной анимацией при переключении

Какое утверждение наиболее точно описывает поведение метода bind()?
Anonymous voting

Автоматический подбор браузером контрастного цвета в CSS Я покажу, как contrast-color() в CSS сам решает, белым писать текст
Автоматический подбор браузером контрастного цвета в CSS Я покажу, как contrast-color() в CSS сам решает, белым писать текст или чёрным, и как это спасает от визуального позора. Больше никакой ручной игры в угадайку

Какое поведение наиболее точно описывает вызов event.preventDefault()?
Anonymous voting

Very cool animated text Интересная анимация спирального текста

Форма на сайте = штраф от 100 тысяч. Многие даже не догадываются В статье объясняют, почему любая форма на сайте может оберну
Форма на сайте = штраф от 100 тысяч. Многие даже не догадываются В статье объясняют, почему любая форма на сайте может обернуться штрафом до 700 тысяч рублей: владельцы часто не знают, что становятся операторами персональных данных

Что из перечисленного наиболее точно описывает назначение Shadow DOM в веб-компонентах?
Anonymous voting

Weather Widgets Анимированный виджет погоды

Что из перечисленного наиболее точно описывает фазу "Capture" при обработке событий в JavaScript?
Anonymous voting

❓ Зачем используется атрибут defer в теге script и когда его применять? Атрибут defer указывает браузеру загружать скрипт в фоновом режиме, но выполнять его только после полной загрузки HTML-документа. Это позволяет не блокировать отрисовку страницы и улучшает производительность. ✅ Пример:
<script src="script.js" defer></script>
📌 В этом примере скрипт будет загружен параллельно с HTML, но выполнится только после завершения обработки документа.
defer удобно использовать для подключения скриптов, которые зависят от готового DOM, особенно если они расположены в теге <head>. Это улучшает скорость рендеринга и пользовательский опыт.