Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Специализация

Python Backend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

React Frontend Developer

Посмотреть все

Выберите навыки

React

React

JavaScript

JavaScript

Git

Git

Redux

Redux

Webpack

Webpack

Посмотреть все

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм

Вопросы React Frontend Developer


Что такое CSS-методы, такие как Atomic CSS или Utility-First CSS (например, Tailwind CSS)?

Почему Tailwind CSS может быть удобен в больших проектах?

Какие дочерние теги используются внутри <details> для создания аккордеона?

Почему тег <details> не всегда подходит для реализации аккордеона с анимацией?

  • Рейтинг:

    5

  • Сложность:

    10

Atomic CSS и Utility-First CSS — это подходы к написанию стилей, где каждое правило представляет собой отдельное CSS-свойство или утилиту. Например, в Utility-First CSS используются классы, которые определяют конкретные стили, такие как отступы или цвета, что позволяет быстро создавать интерфейсы.

Подробнее
  • Рейтинг:

    4

  • Сложность:

    4

Tailwind CSS предлагает готовые utility-классы для стилизации без написания собственного CSS. Это ускоряет разработку и уменьшает количество кастомных стилей. Код становится более единообразным. В больших командах это упрощает поддержку и масштабирование дизайна.

Подробнее
  • Рейтинг:

    3

  • Сложность:

    2

Внутри
используются теги для заголовка видимой части и произвольное содержимое (например,

,

) для скрываемого блока. всегда первый дочерний элемент, иначе браузер создаст его автоматически. Атрибут open делает аккордеон развёрнутым по умолчанию.
Подробнее
  • Рейтинг:

    3

  • Сложность:

    4

Тег
не поддерживает анимацию раскрытия/сворачивания через CSS transition или animation, так как его высота меняется мгновенно. Для плавной анимации приходится использовать JavaScript, что усложняет код. Кроме того,
не позволяет управлять состоянием нескольких элементов одновременно, что необходимо для аккордеона.
Подробнее