Конструктивные элементы

Компоненты – это строительные блоки современных веб-приложений. Каких рекомендаций следует придерживаться при создании собственных компонентов, чтобы они выдержали испытание временем? Компоненты – это строительные блоки современных веб-приложений. Каких рекомендаций следует придерживаться при создании собственных компонентов, чтобы они выдержали испытание временем?

Значок кода.

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

Пользовательские элементы позволяют разработчикам расширять HTML и создавать собственные теги. Поскольку пользовательские элементы основаны на стандартах, они используют преимущества встроенной модели компонентов Интернета. В результате получается более модульный код, который можно повторно использовать в разных контекстах. Подробнее…
Значок стиля границы

Shadow DOM

Shadow DOM – это веб-стандарт, который позволяет инкапсулировать стили и разметку компонентов. Это критически важная часть веб-компонентов, поскольку она гарантирует, что компонент будет работать в любой среде, даже если на странице задействованы другие CSS или JavaScript. Подробнее…
Значок "Готово".

Рекомендации

Поскольку пользовательские элементы и теневая модель DOM являются низкоуровневыми примитивами, не всегда понятно, как лучше всего объединить их для создания надежного компонента, который хорошо работает в различных средах. Хотя с помощью этих API можно сделать практически все, что угодно, вот несколько рекомендаций, которые помогут обеспечить хорошую работу ваших компонентов в любом месте. Подробнее…
Значок "Обзор".

Примеры

HowTo-Components – это набор элементов, демонстрирующих рекомендации по работе со специальными элементами и Shadow DOM. Эти элементы не предназначены для использования в рабочей среде, а служат лишь для того, чтобы показать, как рекомендации по оптимизации реализуются на практике. Подробнее…