Веб-компоненты

Веб-компоненты — технология, которая позволяет создавать многократно используемые компоненты в веб-документах и веб-приложениях. Веб-компоненты поддерживаются веб-браузерами напрямую и не требуют дополнительных библиотек для работы. Модель веб-компонентов подразумевает инкапсуляцию и совместимость отдельных элементов.На данный момент частичная поддержка существует в браузерах Chrome, Firefox, Opera и Safari. Для браузеров не поддерживающих веб-компоненты реализованы полифиллы.

Веб-компоненты включают четыре технологии, каждая из которых может использоваться отдельно от других:

• Custom Elements - API для создания собственных HTML элементов.
• HTML Templates - тег <template> позволяет реализовывать изолированные DOM элементы.
• Shadow DOM - изолирует DOM и стили в разных элементах.
• HTML Imports - импорт HTML документов.

Стандартизацией данных технологий занимается Консорциум Всемирной паутины (W3C). Текущие версии спецификаций располагаются в GitHub репозитории [w3c.github.io/webcomponents/ webcomponents].

Литература

• 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/ Webcomponents.org]
• [github.com/webcomponents GitHub WebComponents]
• [www.polymer-project.org/ polymer-project]
• [www.expandjs.com/ Expand JS]
• [x-tags.org/ x-tags]
• [w3c.github.io/webcomponents/spec/custom/ Custom Elements]
• [www.w3.org/TR/shadow-dom/ Shadow DOM]
• [w3c.github.io/webcomponents/spec/imports/ HTML Imports]
• [www.w3.org/TR/html5/scripting-1.html#the-template-element Templates]
• [jonrimmer.github.io/are-we-componentized-yet/ Are We Componentized Yet?]

Отрывок, характеризующий Веб-компоненты

Дрон, с нахмуренным и бледным лицом, вышел из толпы.
– Ты староста? Вязать, Лаврушка! – кричал Ростов, как будто и это приказание не могло встретить препятствий. И действительно, еще два мужика стали вязать Дрона, который, как бы помогая им, снял с себя кушан и подал им.
– А вы все слушайте меня, – Ростов обратился к мужикам: – Сейчас марш по домам, и чтобы голоса вашего я не слыхал.
– Что ж, мы никакой обиды не делали. Мы только, значит, по глупости. Только вздор наделали… Я же сказывал, что непорядки, – послышались голоса, упрекавшие друг друга.
– Вот я же вам говорил, – сказал Алпатыч, вступая в свои права. – Нехорошо, ребята!
– Глупость наша, Яков Алпатыч, – отвечали голоса, и толпа тотчас же стала расходиться и рассыпаться по деревне.
Связанных двух мужиков повели на барский двор. Два пьяные мужика шли за ними.
– Эх, посмотрю я на тебя! – говорил один из них, обращаясь к Карпу.
– Разве можно так с господами говорить? Ты думал что?
– Дурак, – подтверждал другой, – право, дурак!
Через два часа подводы стояли на дворе богучаровского дома. Мужики оживленно выносили и укладывали на подводы господские вещи, и Дрон, по желанию княжны Марьи выпущенный из рундука, куда его заперли, стоя на дворе, распоряжался мужиками.
– Ты ее так дурно не клади, – говорил один из мужиков, высокий человек с круглым улыбающимся лицом, принимая из рук горничной шкатулку. – Она ведь тоже денег стоит. Что же ты ее так то вот бросишь или пол веревку – а она потрется. Я так не люблю. А чтоб все честно, по закону было. Вот так то под рогожку, да сенцом прикрой, вот и важно. Любо!
– Ишь книг то, книг, – сказал другой мужик, выносивший библиотечные шкафы князя Андрея. – Ты не цепляй! А грузно, ребята, книги здоровые!