javascript – Shadow DOM vs Detached Elements

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

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

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

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

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

解决方法:

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

标签：javascript,dom,shadow-dom,html
来源： https://codeday.me/bug/20190709/1409100.html