Javascript 阴影DOM与分离元素

所以，我现在经常听到“影子DOM”这个短语。这与分离的DOM元素相同吗

如果我创建这样的DOM元素：

var $pizza = $('<aside>', {
   'class': 'pizza'
});

var$pizza=$（“”{
“类”：“比萨饼”
});

比萨饼是分开的。我可以使用

attach

、

append

或

html

附加它

---

这在功能上是否与shadowdom的概念相同，但有其他一些注意事项？有什么不同吗？

最近在Chrome中实现了ShadowDOM规范（25）。ShadowDOM是一个被称为Web组件的一组更大的“HTML5”规范所涵盖的规范。Web组件本质上允许开发封装的小部件，而无需借助iFrame。阴影DOM是其中的一个重要部分。在谷歌全新的聚合物库中，已经有一个用于该规格的整洁的聚合物填充物，包括其他类似的聚合物填充物。看一看这个主题的更多细节。请注意，引用的文章是在任何地方实现规范之前编写的

---

直接回答您的问题，分离元素和阴影DOM不是相同的概念。

要补充Ray所说的，它们非常不同。shadowdom为您提供了封装标记和隐藏标记的工具。这是像

和

这样的元素分别用来隐藏视频控件和日期选择器的UI。浏览器供应商已经使用它很长时间了。现在，这是web开发人员可以使用的东西。酷！我接受这个。在阅读了一点之后，我还发现这篇文章很有用：它让我想起了当年的flex/flash定制组件。其他图书馆也有类似的概念。酷！