Shadow DOM vs Detached Elements

Question

所以，我现在听到很多“影子DOM”这个词。这与分离的DOM元素相同吗？

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

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

$ pizza是独立的。我可以使用attach，append或html附加它。

这在功能上与shadow DOM的概念相同，但还有其他一些注意事项吗？有什么区别？

Answer 1

最近在Chrome中实现了Shadow DOM规范（25）。 Shadow DOM是一个由更大的“HTML5”规范组成的规范，称为Web组件。 Web组件基本上允许开发封装的小部件而无需借助iframe。 Shadow DOM是其中很重要的一部分。这个规格已经有一个整齐的polyfill包括在谷歌的全新Polymer库中的其他类似的polyfill。有关此主题的更多详细信息，请查看http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/。请注意，引用的文章是在规范在任何地方实现之前编写的。

直接解决您的问题，分离的元素和影子DOM不是相同的概念。