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不是相同的概念。