组件的生命周期constructor: 组件初始化时,被调用connectedCallback: 当 组件 首次被插入文档 DOM 时，被调用。disconnectedCallback:当 组件 从文档 DOM 中删除时，被调用。adoptedCallback:当 组件 被移动到新的文档时，被调用。attributeChangedCallback: 当 组件 增加、删除、修改自身属性时，被调用。

例有如下组件:

阅读全文...

Slotslot插槽,占位. 参考vue

阅读全文...

什么是Shadow DOM?Shadow DOM（影子 DOM）,类似iframe 一个独立DOM容器,可以封装子元素,里面的样式与全局样式不会相互污染. 与iframe不同的是共用一个windows空间. JS事件又能互通的.ShadowDOM是WebCompnent组件重要的一部分.

阅读全文...

什么是Custom Elements？Custom Elements是Web Components的一部分，它允许开发者定义自己的HTML元素，扩展了标准的HTML元素集合。你可以为这些自定义元素定义自己的行为、样式和功能，就像你在使用原生HTML元素（如<div>、<p>、<input>等）一样。

阅读全文...

什么是WebComponets组件

Web Components 是一组用于创建可重用、独立、自定义 HTML 元素的技术标准。它由四个核心技术组成，每个技术都有不同的用途，但一起可以实现自定义组件的创建和使用。这四个核心技术是：

阅读全文...