我听说过影子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 /