Вопросы React Frontend Developer

• display: none полностью удаляет элемент с веб-страницы, как если бы его не существовало. Он не занимает места в макете, и элементы после него сдвигаются, чтобы занять его пространство.

• visibility: hidden скрывает элемент, но оставляет его место на странице. Элемент всё ещё занимает пространство в макете, но не виден пользователю.

Автоматически запрашивают страницы, парсят HTML и проверяют наличие тега <link rel="canonical">, его атрибут href и соответствие ожидаемой канонической ссылке. Для этого используют Selenium или HTTP-клиенты (requests + BeautifulSoup) в связке с pytest.

Non-escaping замыкания выполняются сразу внутри функции. Escaping замыкания сохраняются и вызываются позже, например, после завершения асинхронной операции. Escaping требует явной аннотации @escaping.

opacity: 0 делает элемент невидимым, но он продолжает занимать место и реагировать на события. visibility: hidden также скрывает элемент, сохраняя его место в layout, но события мыши не срабатывают. display: none полностью удаляет элемент из потока документа, освобождая занимаемое место.

Да, элемент остается в DOM при display: none.
Он просто исключается из layout и не отображается на странице.
Элемент не занимает место и не участвует в рендеринге.
DOM-узел при этом сохраняется.