笔记 (less 和 sass 有缺点)

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的参数如果遇到多参数和列表参数值的时候容易混淆;

发布了29 篇原创文章 · 获赞 9 · 访问量 5853

猜你喜欢

转载自blog.csdn.net/Jadeyqc/article/details/102619794