sass和less的优缺点
简述
- sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,做用域,JavaScript赋值等 加快了css开发效率,固然这二者均可以配合gulp和grunt等前端构建工具使用
- sass和less主要区别:在于实现方式 less是基于JavaScript的在客户端处理,引入less.js就能够处理,sass是基于ruby因此在服务器处理。
sass优势:
- 用户多,更容易找到会用scss的开发,更容易找到scss的学习资源;
- 可编程能力比较强,支持函数,列表,对象,判断,循环等;相比less有更多的功能;
- 丰富的sass库:Compass/Bourbon;
sass缺点:
- 在公司内部安装node-sass会失败,须要使用cnpm或者手工安装
less优势
less缺点
- 编程能力弱,不直接支持对象,循环,判断等;只有when判断
- @variable 变量命名和css的@import/media/keyframes等含义容易混淆;
- mixin/extend的语法比较奇怪;
- mixin的参数若是遇到多参数和列表参数值的时候容易混淆;
欢迎关注本站公众号,获取更多信息