jquery - 在 IE 9 中加速圆 Angular

Question

我在页面上有几个 div，内容相对较多，并且应用了 border-radius(包括特定于供应商的前缀版本)css 属性。 Firefox 和 Chrome 都可以毫无问题地处理它，但在 IE 9 中它慢得令人痛苦。只需停用它，页面速度至少可以提高 5 倍。

有没有办法使用某种解决方法/替代方法在 IE 9 中加速它。虽然我知道我可能会使用背景图像和附加标记来模拟它的旧式，但我正在寻找一种不那么突兀的解决方案。

Answer 1

正如@Parzifal 已经提到的，有一些众所周知的解决方法可以在没有 border-radius 的情况下在 IE 中创建圆 Angular 。它们基于将一些 javascript 代码(通过行为或表达式)附加到特定类。此代码是否添加了一些额外的 DOM 元素或添加了 VML 标记。

在这种意义上推荐使用这种方法，因为实际上没有更便宜的方法可以在不使用图像的情况下动态创建圆 Angular 。尽管这种方法需要进行彻底的测试，并且至少会使进一步的支持和开发更加痛苦。

我不知道你到底是怎么分析的，哪个阶段是瓶颈。我用圆 Angular 放慢速度，比如说，滚动也是如此，我不知道有什么建议。

如果只是加载页面的问题 - 您可以像往常一样加载所有内容，但根本没有圆 Angular 。然后，在 javascript 中，您可以监听 DOMContentLoaded 并指定带有圆 Angular 的现有 CSS 规则。

比如说，你有一个带有圆 Angular 的预定义类，代码将如下所示:

$('.there-should-be-rounded-corners').addClass('and-here-come-rounded-corners');

然后再次调查这个问题。 100% 不确定这是否有帮助，但至少值得一试。