Веб-компоненты
Веб-компоненты — технология, которая позволяет создавать многократно используемые компоненты в веб-документах и веб-приложениях[2]. Веб-компоненты поддерживаются веб-браузерами напрямую и не требуют дополнительных библиотек для работы.
Модель веб-компонентов подразумевает инкапсуляцию и совместимость отдельных HTML-элементов.
На данный момент частичная поддержка существует в браузерах Chrome, Firefox, Opera и Safari. Для браузеров не поддерживающих веб-компоненты реализованы полифилы.
Веб-компоненты включают три технологии, каждая из которых может использоваться отдельно от других:
- Custom Elements — API для создания собственных HTML элементов.
- HTML Templates — тег <template> позволяет реализовывать изолированные DOM-элементы.
- Shadow DOM — изолирует DOM и стили в разных элементах.
Стандартизацией данных технологий занимается Консорциум Всемирной паутины (W3C). Текущие версии спецификаций располагаются в GitHub репозитории webcomponents Архивная копия от 17 сентября 2017 на Wayback Machine.
Общие сведения
| Веб-компоненты | |
|---|---|
| Лицензия | W3C Software Notice and License[1] |
| Описывается по ссылке |
w3c.github.io/web… (англ.) wicg.github.io/we… (англ.) |
| Официальный сайт | webcomponents.org (англ.) |
| Ссылка на руководство пользователя | developer.mozilla.org/… (англ.) |
| Репозиторий исходного кода | github.com/WICG/webcompo… |
| Правовой статус | защищено авторским правом[d] |
Примечания
Литература
- Chris Buckett. Web Components in Action. — Manning Publications Company, 2015. — 225 p. — ISBN 978-1-61729-194-4.
- Jarrod Overson, Jason Strimpel. Developing Web Components: UI from JQuery to Polymer. — "O'Reilly Media, Inc.", 2015. — 252 p. — ISBN 978-1-4919-0570-8.
Ссылки
- Webcomponents.org
- GitHub WebComponents
- polymer-project
- Expand JS
- x-tags
- Custom Elements Архивная копия от 23 октября 2020 на Wayback Machine
- Shadow DOM
- HTML Imports Архивная копия от 27 сентября 2017 на Wayback Machine
- Templates
- Are We Componentized Yet?