Web Components组成

• Custom Elements：自定义HTML元素
• Shadow DOM：封装DOM和样式
• HTML Templates：定义可复用模板

自定义元素示例

class HelloWorld extends HTMLElement {
    connectedCallback() {
        this.innerHTML = '
Hello World
';
    }
}
customElements.define('hello-world', HelloWorld);

与CMS结合

在DaoKeCMS模板中使用Web Components封装重复UI组件，如文章卡片、评论列表等。