【CSS3】盘点Sass与LESS的异同
🌶 博客说明
🎆🎆🎆 文章所涉及的部分资料来自互联网整理,当然还有自己个人的总结和看法,分享的目的在于共建社区和巩固自己。
💗💗💗 引用的资料如有侵权,请联系本人删除!
💐💐💐 幸好我在,感谢你来!
🥒 说明
之前写过Sass和less的文章,有的同学在评论区有过留言,问两者有何不同,使用的时候该怎么去选择?
在这篇文章中回复了。
我不会说哪一种好(成年人的世界要懂得左右逢源!),我列出来,你们来看!
🍄 Sass与LESS
这里就不多说了,反正就是让css牛逼,让它起飞。
不用也可以,用了真香!
想了解的也可以看之前的文章
🥑 异同之处
环境
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
🍿🍿🍿 公众号【归子莫】,小程序【小归博客】
👍👍👍 如果你感觉对你有帮助的话,不妨给我点赞吧,持续关注也行哈!