自定义元素

Web组件的一个关键特性，由开发人员定义行为的HTML元素，扩展了浏览器中可用的元素。

两个重要类型

1. 自定义内置元素，继承自标准的HTML元素，例如HTMLImageElement或HTMLParagraphElement。它们的实现定义了标准的行为。
2. 独立自定义元素，继承自HTML元素的基类HTMLElement。你必须从头开始实现他们的行为。

自定义元素生命周期回电

1. connectedCallback()：每当元素被添加到文档中时调用。
2. disconnectedCallback()：每当元素从文档中移除时调用。
3. adoptedCallback()：每当元素被移动到新的文档时调用。
4. attributeChangeCallback()：在属性更改、添加、移除或替换时调用。

注册自定义元素

使用自定义元素时，使用Window.customElements的defined()方法进行注册。

响应属性变化

1. 名为observedAttributes的静态属性。用于定义自定义元素所需的属性。
2. attributeChangeCallback()生命周期，当observedAttributes静态属性内的自定义元素属性发生变化时执行。