发表于： 2017-04-05 23:12:24
1 621
今天完成的事情：
1、完成了任务11的less文件的编写。
2、使用koala对less文件进行编译。
2、学会了less的使用方式及一些简单的用法。
3、听了师兄的小课堂，学了sass的相关知识及用法。
4、了解了less和sass的差异。
LESS和Sass在语法上有些共性，比如下面这些：
● 混入(Mixins)——class中的class；
● 参数混入——可以传递参数的class，就像函数一样；
● 嵌套规则——Class中嵌套class，从而减少重复的代码；
● 运算——CSS中用上数学；
● 颜色功能——可以编辑颜色；
● 名字空间(namespace)——分组样式，从而可以被调用；
● 作用域——局部修改样式；
● JavaScript 赋值——在CSS中使用JavaScript表达式赋值。
不同点：1.Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中。
2.less的变量符使用@，scss使用$作为变量符。
3.Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。
4.输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。
-
明天计划的事情：
1、开始任务12的less文件的编写。按照编码规范书写。
2、对任务10中的一些细节进行修改。
遇到的问题：
1、暂无
收获：
1、LESS 中的变量和其他编程语言一样，可以实现值的复用，同样它也有生命周期，也就是 Scope（变量范围，开发人员惯称之为作用域），简单的讲就是局部变量还是全局变量的概念，查找变量的顺序是先在局部定义中找，如果找不到，则查找上级定义，直至全局。
2、在less中还有许多函数可以使用，对实现某些功能非常方便。
返回列表
评论