less以及sass两者什么区别
答案:2 悬赏:30 手机版
解决时间 2021-01-30 09:06
- 提问者网友：不爱我么
- 2021-01-29 12:56
less以及sass两者什么区别
最佳答案
- 五星知识达人网友：独钓一江月
- 2021-01-29 13:05
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下所起的变化。
一、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下所起的变化。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯