Compatibility

Web Components are now implemented natively on Safari and Chrome (~70% of installed browsers), and run well on Firefox, Edge, and IE11 using polyfills

Best Practices

Google Polymer

Concept

原生级web组件,是一种现代化web开发模式

Features(vs React、Vue)

  1. 提供原生级的作用域隔离(包括js与css),实现真正意义上的组件化

Short Boards

  1. 社区暂不活跃,导致优质组件不多等等
  2. 最低仅支持IE11,而且需要polyfills,兼容差一些
  3. 是否支持reactive components
  4. API不稳定

How

Web Components特性主要由四项技术构成Custom Elements、Shadow DOM、HTML Templates、HTML Imports

Custom Elements V0 API、Shadow DOM V0 API、HTML Imports将在2019年4月于M73被移除,并配套迁移至Custom Elements V1、Shadow DOM V1 API、ES Module API

Timer Demo

使用


发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据