Shadow DOM vs Detached Elements

Question

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

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

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

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

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

Answer 1

Shadow DOM规范最近已在Chrome中实现（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不是相同的概念。