Логотип 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


Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?

Как определить, что элемент виден во viewport?

Как задать элементу ширину и высоту во весь экран?

Что делает getBoundingClientRect?

  • Рейтинг:

    2

  • Сложность:

    3

Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.

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

    2

  • Сложность:

    8

Используйте IntersectionObserver для эффективного отслеживания видимости. Альтернативно — сравнение координат элемента с размерами viewport.

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

    5

  • Сложность:

    4

Для задания размеров во весь экран используются единицы vw и vh.
100vw соответствует ширине viewport, а 100vh — его высоте.
Также можно использовать абсолютное позиционирование.
Выбор способа зависит от контекста верстки.

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

    4

  • Сложность:

    3

Метод getBoundingClientRect возвращает объект DOMRect с координатами элемента относительно окна браузера (viewport). Он содержит свойства top, right, bottom, left, width и height. Это полезно для определения видимости элемента, анимаций или позиционирования всплывающих подсказок.
Подробнее