欢迎来到我的博客文章！所有文章都是满满的前端干货，文章简明扼要。
Shadow DOM 可以想象成我们在 Vue 或者 React 中使用的一个个组件，是一种将 HTML 结构、Style 封装起来的结构。我们熟悉的 <video> 标签，其实就是 Shadow DOM 的封装。是浏览器提供的“组件沙箱”，拥有私密的内部世界，既不受外界干扰，也不干扰外界。
如果你在开发可复用的 UI 组件库（尤其需要跨项目/跨框架使用），Shadow DOM 是非常值得掌握的技术；如果是普通业务应用，现代框架的 scoped 样式可能更高效。