freeCodeCamp/guide/russian/web-components/index.md

3.6 KiB
Raw Blame History

title localeTitle
Web Components Веб-компоненты

Что такое веб-компоненты?

Веб-компоненты состоят из серии веб-спецификаций, созданных W3C . Эти спецификации описывают набор API-интерфейсов веб-платформы, которые могут использоваться для создания многоразовых, инкапсулированных и настраиваемых HTML-элементов. Предоставляя веб-интерфейсы низкого уровня, используемые поставщиками браузеров для создания HTML-элементов, которые, возможно, уже знакомы, веб-компоненты могут использоваться различные среды. Это означает, что вы работаете на сайте Wordpress, приложении, создаваемом сервером, в приложении с одной страницей (SPA) с новейшей инфраструктурой или вообще без фреймворка, можно использовать веб-компоненты. Впервые, независимо от того, какая структура используется, вы можете понять, что Интернет является платформой для создания уникальных событий, которые легко переводится с одной платформы на другую.

Спецификации веб-компонентов

Веб-компоненты определены в четырех основных спецификациях .

  • Пользовательские элементы

  • Спецификация Custom Elements лежит в основе разработки и использования новых типов элементов DOM.

  • Тень DOM

  • Спецификация Shadow DOM определяет, как использовать инкапсулированный стиль и разметку в веб-компонентах.

  • Модули ES

  • Спецификация модулей ES определяет включение и повторное использование JS-документов в стандартном, модульном, исполнительном режиме.

  • Шаблон HTML

  • Спецификация элемента HTML-шаблона определяет, как объявить фрагменты разметки, которые не используются при загрузке страницы, но могут быть созданы позже во время выполнения.

Дополнительная информация: