编程语言
首页 > 编程语言> > javascript – createShadowRoot vs attachShadow

javascript – createShadowRoot vs attachShadow

作者:互联网

Mozilla开发人员doc说不赞成使用createShadowRoot支持attachShadow here,虽然附加阴影的链接转到404. W3C草稿也表明正确的方法是attachShadow,here.再次W3C问题列表提示另一种创建AND附加阴影的方法对于可重用性和使主机可变的根源,正确here.

我很困惑.我应该去做,我应该放弃它,还是应该去Polyfill和Polymer等第三方;虽然后者实际上使用了一个名为Shady DOM的东西,它只是看着Shadow DOM解决的问题(不仅仅是不同但是)完全相反的角度.

如果能够讨论到最终标准的过渡时间的实际解决方案,将会非常感激.

解决方法:

如果你使用聚合物,你不需要打扰. Polymer提供了自己的API,以及polyfills浏览器的差异.
如果您不想使用Polymer,您仍然可以使用web_components polyfills并从浏览器抽象中受益.

Shady DOM是一种针对性能进行优化的polyfill,而不是完美的浏览器抽象.您必须使用Polymers API进行DOM操作,以主动启用Polymer来完成额外的工作.

您可以启用完整的Shadow DOM(有关详细信息,请参阅https://www.polymer-project.org/1.0/docs/devguide/settings.html).在没有本机影子DOM支持的浏览器(尤其是Safari移动设备)上,这可能会更慢,但是你甚至不需要使用Polymers API就是“近乎完美”的polyfill,因为polyfills修补了“普通”API.

标签:javascript,polymer,shadow-dom
来源: https://codeday.me/bug/20190711/1432092.html