html5 – 为什么Shadow DOM当我们有iframe?

前端之家收集整理的这篇文章主要介绍了html5 – 为什么Shadow DOM当我们有iframe?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我听说过影子DOM似乎解决了Web部件开发中的封装问题。 DOM和CSS规则被封装,这对于维护是有好处的。但是这不是iframe是什么? iframe有什么问题使W3C需要使用Shadow DOM或HTML5 Web Components?

解决方法

iframe仅用作封装对象…

with the exception of SVG (more on that later),today’s Web platform
offers only one built-in mechanism to isolate one chunk of code from
another — and it ain’t pretty. Yup,I am talking about iframes. For
most encapsulation needs,frames are too heavy and restrictive.

Shadow DOM允许您通过创建DOM的另一个克隆或其一部分来提供更好更容易的封装。

例如,假设您构建了一个在网站上使用的小部件(像我一样)。
你的小部件可能会受到页面上的CSS影响,看起来很可怕,而使用Shadow DOM则不会

这是一篇关于这个主题的优秀文章

What The Heck is Shadow DOM /

猜你在找的HTML5相关文章