【CSS3】盘点Sass与LESS的异同

280 阅读2分钟

【CSS3】盘点Sass与LESS的异同

🌶 博客说明

🎆🎆🎆 文章所涉及的部分资料来自互联网整理,当然还有自己个人的总结和看法,分享的目的在于共建社区和巩固自己。

💗💗💗 引用的资料如有侵权,请联系本人删除!

💐💐💐 幸好我在,感谢你来!

🥒 说明

之前写过Sass和less的文章,有的同学在评论区有过留言,问两者有何不同,使用的时候该怎么去选择?

在这篇文章中回复了。

我不会说哪一种好(成年人的世界要懂得左右逢源!),我列出来,你们来看!

🍄 Sass与LESS

这里就不多说了,反正就是让css牛逼,让它起飞。

不用也可以,用了真香!

想了解的也可以看之前的文章

【Less】给 CSS 加点料

【Sass/SCSS】预加载器中的“轩辕剑”

🥑 异同之处

环境

Sass的安装需要安装Ruby环境,Less基于JavaScript。

所以说sass的环境会比较复杂一些。有的时候甚至很难装上。

功能

在这一点上,Sass略微占优。

  • Sass有变量和作用域,这一点在上述Sass的文章中也有讲述
  • Sass有函数的概念,因为基于ruby,所以功能会比较趋于编程语言的特性。@function和@return以及函数参数是一大杀手锏!
  • Sass有进程控制,例如@if、@else、@for、@each、@while、@extend、@import

变量

变量在Less和Sass中的区别:Less用@,Sass用$

处理机制

Less是客户端(前端)处理的,Sass是通过服务端(ruby)处理。

所以因此Sass会处理的稍快。

使用

Less是CSS的超集,是对CSS的一个扩充。完全兼容CSS语法!所以Less比较好入手。Sass则不然采用缩进式的写法,不过在Sass 3就变成了Scss(sassy css)。与原来的语法兼容,只是用{}取代了原来的缩进。

流行

目前Sass较Less还是比较流行,有比较多的流行框架采用了Sass。

但是未来谁说的定呢?

🥦 总结

写这篇文章还是比较的轻松哈!

🫑 感谢

❤️‍🔥❤️‍🔥❤️‍🔥 万能的网络!

🥪🥪🥪 以及勤劳的自己,个人博客GitHub测试GitHub

🍿🍿🍿 公众号【归子莫】,小程序【小归博客】

👍👍👍 如果你感觉对你有帮助的话,不妨给我点赞吧,持续关注也行哈!