Ionic中的Shadow DOM

Mike Hartington讲述了Shadow DOM的实用性和实用性：

[Shadow DOM实际上]建立在两个简单的想法上，即隔离和位置。 是否需要创建一些与全局范围隔离的DOM？ Shadow DOM可以为您提供帮助。 是否需要指定一个DOM的确切位置？ Shadow DOM范围API是您所需要的！

考虑将Shadow DOM用作HTML模块的组件可能会有所帮助。 标记和样式被隔离到它们自己的DOM树中，并从全局上下文中删除。

上次我们在这里讨论该问题时 ，我展示了Twitter如何将其用于嵌入式推文（这是一个非常棒的用例），以及它如何落入iframe。 迈克说，他们在不受支持的情况下将其填充。

我怀疑孤立的样式是任何CSS-in-JS方法的主要卖点，并且对它的本地实现的广泛支持最终将取代它。 但是……您必须利用Web组件才能使用它，这意味着您框架创建的组件必须是Web组件。 那是完全可能的。 我只是很少看到它。

直接连结→

翻译自: https://css-tricks.com/shadow-dom-in-ionic/