css扩展语言sass和less

less和sass最主要的区别是less是通过Javascript编译，而sass是通过ruby编译的，如果没有引入前端工程化，less会消耗客户端性能，sass会消耗服务端性能，但是引入前端工程化的话，gunt，gulp，webpack等，less和sass在打包阶段都会转化成css，所以不会有区别，只是sass是基于ruby，所以每次npm的时候相对慢一点点（实际体会）；

语法都不一样：比如less的变量声明是@xxx，而sass的变量声明是$xxx,所以只需要选择一个去学语法就够了，相对来说sass的语法更新鲜明好记，便于阅读，普遍度高，sass和scss两种模式，你可以选择带大括号{}的，也可以选择对齐型的，看个人习惯了。

image.png

注：LESS可以在客户端上运行（IE6+、Webkit、Firefox等），也可以在服务端运行（Node.js、Rhino）。

共同点就是从此css变成了js，在sass和less里面可以有变量，运算，混合，嵌套，继承，条件判断，自定义函数等等，这个他们都有.

image.png