我一直在阅读 Angular 2 的 style encapsulation可以将样式直接写入组件的方法。
此方法可以使用 native 影子 dom 或模拟的影子 dom。将其中任何一种用于特定于组件的样式有哪些性能优势？
最佳答案
很遗憾，模拟样式封装存在性能问题。问题是，Angular 使用属性来应用 CSS 规则。而且它们的使用效率不高，尤其是在当前版本的 Edge 中。
在这里你可以看到一些基准作为证明。 https://medium.com/@andreygoncharov/edge-hates-you-attributes-d15faf162939
所以在 2017 年，也许你应该在开发大型元素时避免使用 Angular 样式封装。
在这里您可以查看 issue 的状态.
关于css - Angular 的组件样式封装是否有性能优势？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41581305/