web-components - 使用 Web Components 构建可复用组件
使用自定义元素、Shadow DOM、模板和插槽等浏览器标准创建与框架无关的可复用 HTML 组件。
标签
更新于: 2026-10-02能力
典型输入
典型输出
该技能可以做什么
- 定义自定义元素
- 扩展内置元素
- 封装 DOM 和样式
- 组合模板与插槽
- 同步属性与特性
- 关联表单元素
- 提供 CSS 样式接口
- 应用主题变量
输入
- 组件标记
- 元素属性
- 模板内容
- 插槽内容
- 主题变量
- 外部 CSS
输出
- 自定义 HTML 元素
- 封装的组件 DOM
- 作用域组件样式
- 响应式组件行为
- 关联表单的自定义元素