发表于: 2019-04-23 21:36:46

1 972


今天完成的事情:
理解sass并写完任务11

明天计划的事情:
做任务12

遇到的问题:
sass教程里面的各种用法。
变量、计算、嵌套在写任务11都初步用到,属于比较基础的用法。其中需要注意的是变量。以下摘自师兄日报
关于变量的一些个人理解

sass什么时候声明变量

1该值至少重复出现俩次

2该值至少可能被更新

3该值所有的表现都与变量有关;

我认为一般都是同时满足以上三点才有申明变量的必要性!!!如$one = 0 在margin ; $one;下引用 , 这样真的有意义吗?反而我在写代码时 还要想$one变量的值是多少

往往申明的变量一般都会与混合器同时去使用! 什么时候又需要用到混合器 我是这么理解的:在用继承或者占位符不能实现一些代码的公用是才需要用到混合器!因为

混合器可以进行传参数 然后进行一些条件判断

所以仅仅在任务11,内容比较少的情况下,变量用的机会不多,我全程也只是声名了$width:100%  ,而且感觉还不是很有必要。

代码重用部分,继承与Mixin应该是用的比较多,颜色函数应该用得非常少,@import插入文件命令估计要以后css组件化才用得到。
继承用法在任务11没有用到,个人感觉用处不大,但是Mixin用处非常大。一开始还不理解Mixin的意义,后来理解了。


这是mixin宏的初级用法


这是宏的进阶用法

宏的复合用法,暂时还没用到。

sass的高级用法,有条件语句,循环语句,自定义函数,这些都理解了,但是还没有用到。
由于任务内容比较少,代码重用也不多,最终做完任务scss文件比css任务还大....


收获:
学会了使用scss(sass),熟练使用scss的mixin 宏。掌握scss基本结构,明白scss高级语言与css的区别。


返回列表 返回列表
评论

    分享到