Web开发人员应该熟悉一个或两个预处理器
可乐或百事可乐,Mac或PC,奇迹还是DC? 在每个社区中,都有一个更好的争论。 对于网页设计师或开发人员来说,这场辩论是Sass或更少。
什么是Sass和LESS?
Syntactically Awesome Stylesheets(Sass)和Leaner CSS(LESS)都是CSS预处理器。 它们是特殊的样式表扩展,使设计更容易,更高效。 Sass和LESS都会编译成CSS样式表,以便浏览器读取它们,这是必不可少的一步,因为现代浏览器无法读取.sass或.less文件类型。
如果您打算进入Web开发领域,那么熟悉两种预处理器之一或两者都是一个好主意。
当它归结为它时,两者都是相似的。 他们使得CSS写得更简单,更面向对象,并且带来更愉快的体验。 尽管如此,还是有一些关键的区别。 其中五个在这里列出。
01 Sass在Ruby中。 很少使用JavaScript
LESS是像Ruby一样在Ruby中构建的,但它已被移植到JavaScript中。 为了使用LESS,您可以将适用的JavaScript文件上传到您的服务器或通过脱机编译器编译CSS表单。
02分配变量:Sass使用$; LESS用途@
Sass和LESS都使用专用字符来分配变量。 这样你不必输入规格; 你可以输入字符。
在Sass中,这是美元符号($)。 在LESS中,它是符号(@)。 LESS的唯一缺点是有一些现有的CSS选择器已经在使用@,所以它可能会加强学习曲线。
03 Sass有指南针,LESS有预启动
Sass和LESS有可用于集成mixins的扩展(在整个站点中存储和共享CSS声明的能力)。
Sass Compass可用于mixin,其中包括可用于未来支持更新的每个选项。
LESS有Preboot.less,LESS Mixins,LESS Elements,gs和Frameless。 LESS的软件支持比Sass更加分散,导致许多不同的扩展选项可能不会以同样的方式运行。 对于您的项目,您可能需要列出的所有扩展才能获得与Compass类似的性能。
04 LESS比Sass有更好的错误信息
Sass和LESS都已经过测试报告语法错误的能力。 LESS在测试中有更准确的错误消息,因为它报告了错误的正确位置。
像这样的东西可以节省一点时间汗流ty背的错误。
05 LESS比Sass有更多的用户友好文档
LESS文档在视觉上很吸引人,并且对于初次使用者来说更容易遵循。 Sass文档有更多的知识库或wiki设置。
对于Sass或LESS的采用率来说,这是一个重要的事实,因为它是一个用于网站设计的平台。