发表于: 2017-03-10 21:58:27

1 703


今天完成的事情

今天做了任务11  任务11主要的任务就是对less或者sass其中一门语言的学习,通过对这两个语言的了解,最终我选择了sass来学习,因为好像sass的应用比较多,功能也比less强大,但是在了解的过程中发现了还有一种叫做stylus的语言,不知道为什么任务说明中没有提及。花了一整天的时间配置好了scss的环境,学习sass的语法,有好多要记的东西,只能在今后的实践中慢慢去熟悉了。

明天计划的事情

明天准备开始做任务12,不用bs来重写,难度主要在于按钮式下拉菜单,今天粗略的查了下没有找到解决办法,明天再重点解决。

如果还有空余时间,希望能仔细看看各种伪类元素的应用。

遇到的问题

在用sass重写的时候,我的webstorm配置的scss环境在换行的时候每个缩进层级是两个空格,在自动转换出的css里也是两个空格,但是在之前看到的html编码规范里第一条就明确规定了必须使用四个空格来作为一个缩进层级,即使我在scss里每次换行都自己多打上两个空格,输出的css文件里也是两个空格,非常的不习惯,但是百度了以下好像问题不大,今后努力习惯吧。

在网上看到的资料里大家都比较推崇sass,但是不知道为什么修真院的任务里好像是以less为主的,现在也非常的迷茫,在群里问了一声也没人理我,所以到底学习哪个比较好,希望师兄能够给予解答。

收获

今天的任务比较简单,所以找时间翻看了以下别人的日报,对比自己的任务代码发现了许多问题,之前看到有说多用语义型的标签,我误解了意思,所以平时都是用<div class="header">这样的标签,今天仔细看过之后才发现是直接用<header>这样的标签来作为页眉,这样可以避免满屏幕都是div,自己找起来也非常麻烦的问题,之前思维太僵化了。

今天任务过程中对sass的应用使用了变量的定义,sass的变量之前用$符号,例如fontsize: $#FFF

还使用了@maxin 混合,用@maxin的地方是有很多地方应用了重复的代码,用@mixin就可以很简洁的写好,还方便统一的修改

还尝试了选择器的嵌套,我觉得这个是sass最好的地方之一,用这种方法写出来的代码非常的清晰,想找到某个地方也更方便

今天又看了一边代码规范,更改了自己平时许多的坏毛病,将rgb改为十六进制写法,{之前加空格等等


返回列表 返回列表
评论

    分享到