Shadow DOM

封装web组件的方案 由shdow host 、shadow root、shdow contents 组成，shadow root 对用户不可见

实例

模板 ``` html

shadow host 容器

将shadow contents 加载到容器下

// 创建 shadow Root var shadow = document.querySelector('#container').webkitCreateShadowRoot(); // shadow host var component = document.querySelector('#component-template'); // add to shadow host shadow.appendChild(component.content); component.remove();

```