Вопросы React Frontend Developer

Элемент <dialog> позволяет создавать встроенные модальные окна на веб-странице без необходимости использования сторонних библиотек. У него есть методы .showModal() для отображения окна в модальном режиме и .close() для его закрытия. Одной из особенностей является встроенная поддержка модальности и блокировки фокуса на элементах внутри диалога, что делает его удобным для создания интерактивных всплывающих окон. Он также поддерживает атрибуты для настройки внешнего вида и поведения.

Ленивая загрузка — это техника, которая позволяет откладывать загрузку изображений или фреймов до тех пор, пока они не появятся в видимой области экрана. Атрибут loading="lazy" в теге <img> или <iframe> автоматически откладывает загрузку элемента. Это сокращает время начальной загрузки страницы и снижает использование трафика. Альтернативные методы включают использование Intersection Observer API для более гибкого контроля над загрузкой элементов.

Для вставки аудио в HTML используется тег <audio>. Как и в случае с видео, можно указывать несколько форматов аудиофайлов через тег <source>, а атрибуты controls, autoplay, и loop управляют воспроизведением аудио.

CSS Houdini — это набор API, который позволяет разработчикам взаимодействовать с механизмом рендеринга браузера и создавать собственные CSS-эффекты и свойства. Houdini дает возможность писать JavaScript, чтобы расширить функциональность CSS, добавляя новые возможности для стилизации.

IIFE (Immediately Invoked Function Expression) — это функция, которая выполняется сразу после того, как была объявлена. Это достигается оборачиванием функции в скобки и последующим вызовом. IIFE часто используется для создания изолированной области видимости, чтобы избежать конфликтов переменных в глобальном пространстве имен.