【HTML】Shadow DOM

Shadow DOM 允许将隐藏的 DOM 树附加到常规的 DOM 树中。它以 shadow root 节点为起始根节点，在这个根节点的下方，可以是任意元素，和普通的 DOM 元素一样。这样，你就可以创建一个独立的 DOM 子树，它与主文档隔离开来，拥有自己的样式和脚本。

隔离性很强，但是不太好用，api比较反人类。

Shadow DOM 的一个重要用途是封装。它允许组件拥有自己的“影子” DOM 树，这个树不能被主文档意外访问，可以有本地样式规则等。这样，你就可以创建一个组件，它的内部结构、样式和行为都被隐藏起来，与页面上其他部分隔离开来，避免冲突。¹

应用场景： web components, 微信小程序