SASS(CSS)逻辑vs JQuery(Javascript)逻辑

问题描述:

我想知道哪个更适合执行循环或简单如果逻辑构建Web UI。SASS(CSS)逻辑vs JQuery(Javascript)逻辑

例如在性能方面将SASS @for比jQuery的.each

请分享你的想法更好。我非常有兴趣从您的经验中学习。

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

+10

SASS是创建静态CSS的预处理器/标记扩展框架,而jQuery是一个JavaScript库来操纵DOM--两个完全不同的域? – Bergi 2013-03-25 21:15:52

+0

ultimatley我们需要达到一个体面的期望功能,但是我想从设计的角度来看逻辑应该放在哪里...... – zotherstupidguy 2013-03-25 21:20:35

+0

什么逻辑?控制流?这需要在JS中完成。或者你能告诉我一个例子,你将如何使用SASS创建逻辑? – Bergi 2013-03-25 21:22:10

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

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

+3

为什么和30个元素击中瓶颈?替代品使用内联样式属性并使用jQuery的CSS方法。 jQuery UI的纯CSS文件是1,100行,我不知道你为什么说30。 – 2013-03-25 21:52:54

+0

我想说更多的元素你想风格一次更高性能的CSS? – Bergi 2013-03-25 23:16:17