sass和less的最大区别是什么呢?
发布网友
发布时间:2022-04-01 01:34
我来回答
共1个回答
热心网友
时间:2022-04-01 03:04
您好,对于你的遇到的问题,我很高兴能为你提供帮助,我之前也遇到过哟,以下是我的个人看法,希望能帮助到你,若有错误,还望见谅!。sass和less主要区别在于实现方式: less是基于JavaScript的在客户端处理 所以安装的时候用npm,sass是基于ruby所以在服务器处理。
一、less:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。
二、sass 与 less 的区别 :
1、sass与less的安装 :sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm(node.js 的包管理器)。less 在客户端使用【.less】(LESS源文件),只需要在官网载一个javascript脚本文件主【less.js】,然后在我们需要引入LESS源文件的html的中加入如下代码:
2、变量 :sass 是以开头定义的变量,如:mainColor: #963; less 是以@开头定义的变量,如 @mainColor: #963;
3、作用域 :sass 没有全局变量,满足就近原则,但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复; less 中的作用域和其他程序语言中的作用域非常的相同,他首先会查找局部定义的变量,如果没有找到,会像冒泡一样,一级一级往下查找,直到根为止,同样上面的例子,我们来看看他在LESS下所起的变化。非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!