На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, css.
DOM представляет HTML-документ в виде дерева элементов Для этого применяют document.querySelectorAll('') — селектор, соответствующий всем элементам Метод возвращает NodeList, содержащий все элементы документа…
Контекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Как правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
библиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Как отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…
Модульное тестирование с Jest и React Testing Library Изолированная проверка рендеринга компонентов и обработки событий Моки для пропсов и внешних зависимостей Запуск тестов через CLI без использования браузера…
Как работает Flexbox и за что отвечают его свойства? CSS-модель для гибкой верстки Flex-контейнер и его дочерние элементы, называемые flex-элементами Основная ось (main axis) — направление размещения flex-элементов,…
Как работает position: sticky и в какой момент элемент "отклеивается"? CSS-свойство для позиционирования, которое частично фиксирует элемент До достижения установленной границы прокрутки элемент ведёт себя как…
Реализация аккордеона с бесконечной вложенностью и оптимизация рендеринга структура: каждый узел представлен рекурсивным компонентом, который получает массив дочерних элементов управление: состояние раскрытия можно…
Как реализовать модальное окно с формой и закрытием по клику вне его области UI-компонент модального окна, содержащий форму с логином и паролем Управлять отображением и скрытием окна с помощью состояния (state)…
Функция map преобразует массив вызывая переданную функцию для каждого его элемента и формируя новый массив с полученными результатами при этом исходный массив остаётся неизменным, что обеспечивает иммутабельность для…
Как свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…