Web Compontent

Web Compontent 是一套创建可重用的定制元素的技术,旨在为了 Web 组件模型统一化

由以下四种技术组成:

  • Custom elements(自定义元素):一组 JavaScript API,允许您定义 custom elements 及其行为,然后可以在您的用户界面中按照需要使用它们。
  • Shadow DOM(影子 DOM):一组 JavaScript API,用于将封装的“影子”DOM 树附加到 元素(与主文档 DOM 分开呈现)并控制其关联的功能。通过这种方式,您可以保持元 素的功能私有,这样它们就可以被脚本化和样式化,而不用担心与文档的其他部分发生 冲突。
  • HTML templates(HTML 模板):