Sass和LESS预处理器之间的差异
†´åµ ß´®√ˆç´å˜˜ø¨˜ç´µ´˜†: ß´˜†®¥ ˚˜øç˚∫åç˚
目录:
- Sass和LESS是什么?
- 01 Sass在Ruby中虽然少有Javascript
- 03 Sass有指南针而少有预启动
- 04 LESS比Sass有更好的错误消息
- 05 LESS比Sass拥有更多用户友好的文档
可口可乐或百事可乐,Mac或PC,Marvel或DC?在每个社区,都有一个关于哪个更好的辩论。对于网页设计师或开发人员来说,争论的焦点是Sass或更少。
Sass和LESS是什么?
Syntactically Awesome Stylesheets(Sass)和Leaner CSS(LESS)都是CSS预处理器。它们是特殊的样式表扩展,使设计更容易,更有效。 Sass和LESS都编译成CSS样式表,以便浏览器可以读取它们,这是必要的步骤,因为现代浏览器无法读取.sass或.less文件类型。
如果您计划进入Web开发领域,那么精通两个预处理器之一或两者都是一个好主意.
当它归结为它时,两者都是相似的。它们使CSS编写更简单,更面向对象,并且使用起来更愉快。然而,有一些关键的区别。
01 Sass在Ruby中虽然少有Javascript
Sass和LESS都使用专门的字符来分配变量。这样您就不必继续输入规格;你可以输入角色。
在萨斯,它是美元符号($)。在LESS中,它是at符号(@)。 LESS唯一的缺点是有一些现有的CSS选择器已经使用了@,所以它可能会加剧学习曲线。
03 Sass有指南针而少有预启动
Sass和LESS有可用于集成mixins的扩展(在整个站点中存储和共享CSS声明的能力)。
Sass有适用于mixins的Compass,其中包括所有可用的选项以及未来支持的更新。
LESS有Preboot.less,LESS Mixins,LESS Elements,gs和Frameless。 LESS的软件支持比Sass更加分散,导致许多不同的扩展选项可能不会以相同的方式运行。对于您的项目,您可能需要所有列出的扩展以获得与Compass类似的性能。
04 LESS比Sass有更好的错误消息
Sass和LESS都已经过测试报告语法错误的能力。 LESS在测试中具有更准确的错误消息,因为它报告了错误的正确位置。
这样的事情可以节省一些错误的时间。
05 LESS比Sass拥有更多用户友好的文档
LESS文档具有视觉吸引力,对于初次使用的用户来说更容易理解。 Sass文档有更多的知识库或wiki设置。
这对于Sass或LESS的采用率很重要,因为它是一个专为网站设计而设计的平台。