Sass、Scss、Less
Scss、Sass、Less
1、Scss是什么？
css的预编译。
预处理css、把css当前函数编写，定义变量、嵌套；
2、Scss安装使用的步骤是？
第一步：用npm 下三个loader（sass-loader、css-loader、node-sass）
第二步：在build目录找到webpack.base.config.js，在那个extends属性中加一个拓展.scss
第三步：还是在同一个文件，配置一个module属性
第四步：然后在组件的style标签加上lang属性 ，例如：lang=”scss”
3、Scss有哪几大特性？
-
可以用变量，例如（$变量名称=值）；
-
可以用混合器，例如（）
-
可以嵌套
简述一下Sass、Less，且说明区别？
首先sass和less都是css的预编译处理语言，他们加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用
共同点：
-
混合（Mixins）
-
带参数的混合（Parametric mixins）
-
嵌套的规则 （Nested Rules）- class嵌套class，以减少重复代码
-
运算（Operations）- CSS中的计算
-
颜色方法（Color functions） - 用来修改颜色
-
命名空间（Namespaces）- 为样式分组，并且可以通过组名进行访问
-
作用域（Scope）- 对样式进行暂时的修改
-
JavaScript求值（JavaScript evaluation） - 在CSS里执行JavaScript表达式
区别
-
变量符不一样，less是@，而Sass是$;
-
Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持;
-
Sass是基于Ruby的，是在服务端处理的，而Less是基于JavaScript的在客户端处理,所以安装的时候用npm.需要引入less.js来处理Less代码输出Css到浏览器
