《面试经》：less和sass的区别？

难度：今天来说一下less和sass有什么区别。

less和sass都是CSS预处理器，都为CSS提供了一些扩展的功能，比如说变量、嵌套规则、混合、函数等，使得CSS代码更加易于维护和扩展。

它们有哪些区别？我给大家整理了几个点。

第一个来说，语法上有很大不同。那么less使用类似的的CSS语法，sass使用类似Ruby的语法，包含什么缩进、花括号等等。

第二个，变量符号有所不同。sass使用$符号作为变量的前缀。

第三个来说，内置函数的不同。less和sass都提供了一些内置函数，但它们的函数名称和参数是有所不同的。

第三个就是执行方式不同。less是通过Js在客户端编译的，而sass是通过Ruby在服务端编译的。那么这个也就意味着我们在使用less，时需要将less.js包含在HTML中，而sass可以在本地使用编译器，或者通过Ruby on rails等服务端框架进行编译。

总体来说，less和sass在功能上基本上是一致的，只是在语法变量符号和内置函数等方面有所不同。

我们作为开发者来说，可以根据自己的需求和喜好，去选择对于合适的预处理器就可以了。

我是旭旭，助你面试成功！