На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, css.
Frontend, формы и валидация Один общий onChange для всех элементов формы Идентификация поля через атрибут name В обработчике используются event.target.name и event.target.value Состояние изменяется по ключу name с…
UI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Как устроен цикл событий (event loop) и как он выполняет асинхронный код? механизм организации асинхронности в JavaScript и средах его выполнения функционирует до тех пор, пока в очереди остаются задачи работает со…
Как эмулировать position: sticky при отсутствии поддержки CSS не предлагает прямой fallback без JavaScript Применять отслеживание прокрутки через JS с помощью события scroll Определять положение элемента относительно…
Основные значения display CSS-свойство, определяющее способ отображения элементов block: занимает всю доступную ширину и начинается с новой строки inline: размещается в одной строке и имеет ширину по содержимому…
Grid и Flexbox: задачи, для которых нужен Grid Двумерное позиционирование Grid одновременно размещает элементы по строкам и столбцам, тогда как Flexbox работает только в одном измерении — вдоль строки или столбца.
Ключевые структуры данных в программировании основные контейнеры, предназначенные для упорядочивания и хранения информации Массивы: последовательности с доступом по индексу, обращение к элементу выполняется за O(1)…
Обновление данных на странице в реальном времени взаимодействие клиента с сервером Polling — регулярная отправка запросов на сервер Long Polling — открытое соединение до появления новых данных WebSocket — постоянное…
Размер элемента определяется моделью CSS box model. width: устанавливает ширину содержимого блока. padding: задаёт внутренние отступы и увеличивает общий размер элемента. border: формирует рамку вокруг содержимого и…
Ключевые хуки React и задачи, которые они решают Хуки представляют собой функции, позволяющие работать с состоянием и жизненным циклом в функциональных компонентах useState — предназначен для управления локальным…
Можно ли анимировать свойства opacity, visibility и display? CSS-анимации применимы к свойствам с числовыми значениями opacity — поддерживает плавное изменение, например от 0 до 1 visibility — напрямую не анимируется,…
Почему ::before/::after работают эффективнее, чем 10 000 DOM-узлов? Псевдоэлементы CSS (::before/::after) формируют виртуальное содержимое, не добавляя в документ реальные DOM-узлы DOM-дерево не увеличивается, поэтому…