SASS（CSS）逻辑与 JQuery（Javascript）逻辑 [关闭]答案

【问题标题】：SASS (CSS) logic vs JQuery(Javascript) logic [closed]SASS（CSS）逻辑与 JQuery（Javascript）逻辑 [关闭]
【发布时间】：2013-03-15 12:40:45
【问题描述】：

我想知道在构建 Web UI 时哪个更适合实现 for 循环或简单的 if 逻辑。

例如在性能方面，SASS @for 会比 jQuery 的 .each 更好

请分享您的想法。我很想从你的经验中学习。

我目前的情况是我正在尝试重新排列 gridster 网格元素。我可以使用纯 javascript 来做到这一点，但经过第二次思考后，我想尝试 SASS 逻辑，例如给某些元素一个类，从 SASS 生成的 CSS 将使它们按预定义的方式排列。

【问题讨论】：

【解决方案1】：

由于 Sass 是预编译并作为纯 CSS 提供的，因此对于已知数量的元素，它比使用 jQuery 性能要高得多。您唯一的性能瓶颈是它会增加多少 CSS 的大小。

如果您一次在页面上设置少于 30 个元素的样式，我的建议是使用 Sass。

【讨论】：

为什么和什么瓶颈在 30 个元素上被击中？替代方法是使用内联样式属性和使用 jQuery 的 CSS 方法。 jQuery UI 的纯 CSS 文件是 1100 行，我不知道为什么你会说 30。
我会说你想一次设置样式的元素越多，CSS 的性能就越高？