鲨鱼网
一文读懂Web Component
创始人
2025-07-07 12:51:36
0次

前言

由于最近作者在学习微前端，web component也是其中一大特性，部分微前端框架使用到，也是深入学习了一下相关的知识，分享出来。

Web Component是什么？

Web Component 实际上一系列技术的组合，主要包含 3 部分：

  • 自定义元素。 在 HTML 基础标签外扩展自定义标签元素，也就是我们平时使用框架的"组件"；
  • Shadow DOM。 主要用于将 Shadow DOM 的内容与外层 document DOM 隔离，可以理解为在document中的一个子容器，放置各种组件；
  • HTML 模板。 使用