你到底理解 Web Component 是什么吗?

前端三元同学

共 6330字,需浏览 13分钟

 ·

2022-02-24 01:45

前言

哈喽,大家好,我是三元。

虽然对 Web Component 这个东西早有耳闻,但是一直也没怎么仔细看过,所以就深入了解了一下,今天给大家做个简单分享 :)

下面的实践代码都放在 Github 这个仓库里了[1]

是什么

Web Components 实际上一系列技术的组合,主要包含 3 部分:

  • 自定义元素。 在 HTML 基础标签外扩展自定义标签元素
  • Shadow DOM。 主要用于将 Shadow DOM 的内容与外层 document DOM 隔离
  • HTML 模板。 使用