在较少的混合中实现css行为属性

在较少的混合中实现css行为属性,css,less,Css,Less,我一直在玩少一点,看看如何转换我在工作中管理的网站 当我学习css的行为:url(…废话)功能时,我认为出于性能原因,最好尽可能少地使用它(我现在在任何地方都找不到,所以不确定这是否仍然有效) 因此,考虑到这个假设,我有点担心如何将CSS转换为一个较少的混合。这真的会影响性能吗?或者我可以安全地做到这一点而不必担心网站UI的速度变慢吗 一个我将要转换的示例 .FullRoundedBorder { -moz-border-radius: 8px; -webkit-border-r

我一直在玩少一点,看看如何转换我在工作中管理的网站

当我学习css的
行为:url(…废话)
功能时,我认为出于性能原因,最好尽可能少地使用它(我现在在任何地方都找不到,所以不确定这是否仍然有效)

因此,考虑到这个假设,我有点担心如何将CSS转换为一个较少的混合。这真的会影响性能吗?或者我可以安全地做到这一点而不必担心网站UI的速度变慢吗

一个我将要转换的示例

.FullRoundedBorder
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/Content/CSS/PIE/PIE.htc);
}

对于那些还没有见过它的人来说,它是一个很棒的插件,可以实现圆边界跨浏览器功能(主要是修复IE 6-8)。

我已经用较少的资源进行了大量的工作。我喜欢它如何将大型CSS分解成更具逻辑性和可读性的块。需要考虑的几件事:

1) 您将处理较少的服务器端还是客户端?我更倾向于减少UI/浏览器的负载,因为您根本无法控制用户运行的是哪种机器、哪种浏览器,这会在UI实现中增加更多的故障点。越简单越好。如果你的用户界面是面向一小部分观众的,那么你应该看不到任何性能上的成功。在大多数情况下,当普通CSS太大而无法轻松维护和读取时,我会使用较少的CSS,因此会受到轻微的性能影响,特别是当用户群很小的时候。对于高流量的网站,我可能会重写或转换回CSS并发布直接的CSS

2) 真的不那么必要吗?您是否在服务器上加载了一堆翻译代码或运行了一个额外的进程,这样您就不必额外编写几行CSS???在我看来,这还不够合理。当我看到开发人员仅仅因为不想编写“getElementByID()”纯本机JavaScript而加载整个库时,我经常质疑JQuery等其他“简化生活”库/工具的使用

在项目/实施中,每件事都有它的位置和用途。我建议列出这些好处,然后去掉那些可以通过本机浏览器特性(纯CSS和JS)轻松实现的好处。更小、更轻总是更好、更快,尤其是在移动和传统平台上运行时


我希望这能有所帮助。

我已经用更少的资源进行了广泛的工作。我喜欢它如何将大型CSS分解成更具逻辑性和可读性的块。需要考虑的几件事:

1) 您将处理较少的服务器端还是客户端?我更倾向于减少UI/浏览器的负载,因为您根本无法控制用户运行的是哪种机器、哪种浏览器,这会在UI实现中增加更多的故障点。越简单越好。如果你的用户界面是面向一小部分观众的,那么你应该看不到任何性能上的成功。在大多数情况下,当普通CSS太大而无法轻松维护和读取时,我会使用较少的CSS,因此会受到轻微的性能影响,特别是当用户群很小的时候。对于高流量的网站,我可能会重写或转换回CSS并发布直接的CSS

2) 真的不那么必要吗?您是否在服务器上加载了一堆翻译代码或运行了一个额外的进程,这样您就不必额外编写几行CSS???在我看来,这还不够合理。当我看到开发人员仅仅因为不想编写“getElementByID()”纯本机JavaScript而加载整个库时,我经常质疑JQuery等其他“简化生活”库/工具的使用

在项目/实施中,每件事都有它的位置和用途。我建议列出这些好处,然后去掉那些可以通过本机浏览器特性(纯CSS和JS)轻松实现的好处。更小、更轻总是更好、更快,尤其是在移动和传统平台上运行时


我希望这会有所帮助。

是的,PIE会降低IE6-8中的UI速度。叠加的效果越多,影响就越大。它不应该影响其他浏览器

去年,我在一个(大的!)项目中使用了PIE,以在IE6-8中获得一些效果,但今年再次访问该项目后,我决定放弃使用PIE。我发现它是不稳定的——例如,它会随机地无法呈现“立即付款”按钮。因此IE用户将随机无法支付账单。我切换回Modernizer,为
你也可以很容易地尝试它,如果你发现你的用户界面太慢,你可以禁用它。如果你的混音效果很好,那么应该只有几行代码。

是的,PIE会减慢IE6-8中的UI速度。叠加的效果越多,影响就越大。它不应该影响其他浏览器

去年,我在一个(大的!)项目中使用了PIE,以在IE6-8中获得一些效果,但今年再次访问该项目后,我决定放弃使用PIE。我发现它是不稳定的——例如,它会随机地无法呈现“立即付款”按钮。因此IE用户将随机无法支付账单。我切换回Modernizer,为
你也可以很容易地尝试它,如果你发现你的用户界面太慢,你可以禁用它。如果你的mixin是好的,它应该只有几行代码。

使用'behavior'属性本身并不是一个主要的性能问题——你可能一直在考虑'expression',它确实对性能非常有害

但是,您确实需要检查您所使用的特定.htc的性能