Web Components

自定义元素、Shadow DOM 和模板让组件可以在不依赖框架的情况下封装行为与样式。

核心说明

Web Components 由 Custom Elements、Shadow DOM 和 HTML Templates 组成。它们可以在不依赖特定框架的情况下封装组件行为与样式。

关键点

• 自定义元素需要使用带连字符的名称，并在注册前确定生命周期回调。
• Shadow DOM 能隔离样式，但也会改变外部选择器和事件处理方式。
• 组件边界应该围绕稳定的输入属性和自定义事件设计。