发表于: 2019-12-21 22:26:06
1 974
一、今天完成的事情
今天完成了任务十二的两张图,首先在中午就开始做第二张图了,第一张图上午研究了很久,感觉已经简化的差不多了,不过肯定是还有简化的空间,这个到晚上的时候我才明白过来嵌套是怎么用的,首先在webstoorm上面有一个css的图,是这个
然后又有一张scss的图,我第一张写的是在scss上面写的,这个是正确的方式是这个
下午开始写第二张图的时候是写在css上面的,以前是写在这上面,但是安装了sass之后就是在第二个上面写,我刚开始不知道,然后在第一张上面写了代码之后再切到f12上面查看代码的效果,然后再切回来的时候刚才写的代码就不存在了,搞了很久都是这样,一开始居然我还没发现这个问题,实在是比较惭愧,在这上面浪费了不少时间。
然后看了别的师兄的小课堂,发现师兄在sass上面写属性,然后css上面就自动出现,这才明白原来装完sass之后css那个页面是不用写的,他是翻译sass上面写的代码的样式,发现这个问题之后我就有点明白了为啥看别人的博客写的嵌套为啥有两个样式了,一种是这样:
就是连着的大括号比较多这种格式,这才是正确的格式,下面的这个是翻译过来的格式:
我之前不明白这两个哪个才是正确的写法,难怪一直写不出来嵌套,还老是按下面这样写,真是日了。
下午5点左右写的第二张图,因为我的是用的bootstrap中的栅格布局写的,所以还是决定在栅格布局下优化代码,反正这次的任务目的就是用sass优化代码,就没重新布局。
然后写到晚上十一点多,还是写的太慢了,就这还没改完。
明天计划的事情:明天早上再继续优化代码,在写第二图的时候发现第一图还是可以大幅度的优化的,然后下午就开始交任务,明天必须把任务十二过了。不能再浪费时间了。
收获:这个收获是比较少的,首先是终于明白了怎么嵌套,之前是走错方向了,师兄们跟我说过嵌套是啥东西,举了生动的例子,但是在我写代码的时候还是写不出来,是我自己悟性不够。
今天主要用来优化代码了,在优化的过程中还要不断调试,我只能说没有想象中那么简单吧,明天继续努力
评论