Shadow DOM：把组件变成真正的自给自足小世界，以及它在工程里的高价值用法

在浏览器里，DOM 并不只是一个树形数据结构，它更像一张随时会被 CSS、事件系统、布局与绘制管线反复“读取与改写”的活地图。你写下一个组件，实际是在和页面里其它组件、第三方脚本、全局样式、浏览器默认控件实现一起竞争同一套规则：选择器会不会误伤？事件会不会穿透？样式层叠会不会互相踩踏？当工程规模上来，这些问题会变成一种慢性成本，表现为样式回归、组件不可复用、嵌入困难、跨团队协作摩擦大。