Тип Поста

HTML5 Web Components Cheatsheet

HTML5 Web Components Cheatsheet

HTML5 Веб-компоненты представляют из себя виджеты пользовательского интерфейса, которые решают проблему инкапсуляции HTML и CSS, а так же позволяют эффективно переиспользовать себя, не зависеть от сторонних библиотек, упростить разработку и повысить надежность приложения.

В данной шпаргалке приведён достаточный минимум для понимания работы Веб-компонентов с объясняющими комментариями.

Содержание:

  1. Web Components
    1. Шаблоны
    2. Кастомные элементы
    3. Полифилы
  2. Shadow DOM
    1. Примеры
    2. Решение проблем инкапсуляции HTML и CSS
  3. Стили
    1. Новые селекторы
    2. Импорт HTML

Весь код доступен в репозитории проекта по ссылке https://github.com/sbogdanov108/webcomponents_cheatsheet.

При создании статьи были использованы следующие источники:

Поделиться

Оставить комментарий

Вы можете использовать следующие HTML-теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Обязательно к заполнению