Html 当使用较少时,使用多个mixin而不是多个选择器是否有任何缺点?
从页面速度/性能的角度来看,哪种方法更好 例如:Html 当使用较少时,使用多个mixin而不是多个选择器是否有任何缺点?,html,css,performance,less,Html,Css,Performance,Less,从页面速度/性能的角度来看,哪种方法更好 例如: <a class="btn btn-success btn-lg btn-block"> 使用几个mixin创建一个新类会更好吗 <a class="btn-home"> .btn-home { .btn; .btn-success; .btn-lg; .btn-block; } .btn主页{ .btn; .btn成功; .btn lg; .btn块; } 从枯燥的角度来看,
<a class="btn btn-success btn-lg btn-block">
使用几个mixin创建一个新类会更好吗
<a class="btn-home">
.btn-home {
.btn;
.btn-success;
.btn-lg;
.btn-block;
}
.btn主页{
.btn;
.btn成功;
.btn lg;
.btn块;
}
从枯燥的角度来看,这似乎更好,并且可能对性能有好处
从页面速度/性能的角度来看,多个选择器可能会因为强制浏览器执行更多工作而变慢。页面速度是否有任何改进,以减少使用量?恐怕没有一个明确的答案,这完全取决于您的工作流程风格、您的具体需求等。这对本网站来说不是一个好问题。性能在哪方面?CSS渲染?少编译?你把它和什么比较?严格地说,这四个规则集调用在许多情况下并不一定会创建一个与
class=“btn btn success btn lg btn block”
相同的样式。