发表于: 2017-04-09 23:36:01

1 1117


今天完成的事情:

今天依然是刷菜鸟教程AngularJS的内容,中午大家一起出去吃了顿饭,下午按邮件的要求开了学员周会,吃完晚饭回来是董瑞讲的SASS和LESS的用法。今天的小课堂讲的时间有点长,和晚上七点半付老师的洗髓换骨营交叉到一起了,以后每周日的小课堂建议提前开讲,这样不至于彼此影响。


明天计划的事情:

把菜鸟教程剩余的部分刷完,依赖注入这一点查了下没看懂,准备请教下桦伟,然后把静态页面写一下。


遇到的问题:

这两天囫囵吞枣看了很多东西,感觉基础还是不扎实,就比如SASS和LESS这一点,当时我用的LESS,但今天听了小课堂才发现我所了解的LESS内容太少了,还有很多好用而我却不知道的东西。


收获:

LESS 拥有四大特性:变量、混入、嵌套、函数。

LESS 还拥有一些很有趣的特性有助于我们的开发,例如模式匹配、条件表达式、命名空间和作用域,以及 JavaScript 赋值等等。


less和sass的区别:

sass 是以$开头定义的变量,如:$mainColor: #963;

less 是以@开头定义的变量,如 @mainColor: #963;

sass 没有全局变量,满足就近原则,但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复;

less 中的作用域和其他程序语言中的作用域非常的相同, 他首先会查找局部定义的变量,如果没有找到, 会像冒泡一样,一级一级往下查找,直到根为止, 同样上面的例子,我们来看看他在LESS下所起的变化。

Sass的混合:sass样式中声明Mixins时需要使用“@mixin”, 然后后面紧跟Mixins的名,他也可以定义参数,同时可以给这个参数设置一个默认值, 但参数名是使用“$”符号开始,而且和参数值之间需要使用冒号(:)分开。 在选择器调用定义好的Mixins需要使用“@include”, 然后在其后紧跟你要调用的Mixins名。不过在Sass中还支持老的调用方法, 就是使用加号“+”调用Mixins,在“+”后紧跟Mixins名。

less 的混合:在LESS中,混合是指将定义好的“ClassA”中引入另一个已经定义的“Class”,就像在当前的“Class”中增加一个属性一样。 不过LESS样式中声明Mixins和Sass声明方法不一样,他更像CSS定义样式,在LESS可以将Mixins看成是一个类选择器, 当然 Mixins也可以设置参数,并给参数设置默认值。不过设置参数的变量名是使用“@”开头, 同样参数和默认参数值之间需要使用冒号(:)分隔开。


返回列表 返回列表
评论

    分享到