发表于: 2019-01-04 21:54:56

1 768


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

1、完成任务12的第一个页面的代码重构。

使用less重新编写任务5的页面,重新写一遍的感觉是代码量的减少。

     像写主体部分的表格很有一部分是重复的,这里就可以通过less的嵌套规则,让下图部分的类名设一样,再给其填上样式就可以省下很多重复的代码。

  

这三个样式是重复的。

 <div class="boxs">
<li>
<span class="text">从业年限</span>
<span class="texts">0~3年</span>
</li>
</div>

类名设一样的,就把文本内容更换下就行了。只给这三个类名设样式就行了。看到我之前写的好复杂,每一个div都取一个类名,然后取类名都把我烦死了,有时候修改都得找半天。其实用嵌套写出来没有很多代码,而且父级子级的关系看上去也很清楚。


一层一层的嵌套,最大的父级,还有相同的子级。使用嵌套规则很清晰明了。

重写一遍对于我自己来说也是再回顾下前面的知识点,前面需要几天的时间现在一天就能写完,最近一直都用flex来布局,回头还是用绝对定位重写一遍的感觉的是不一样的,再加上到后面知道的知识点相对要多一点,思维也就比之前开阔一点,不会像以前一样喜欢钻牛角尖,调试的方法有很多,但是感觉知识点不是很巩固。


明天计划的事情:(一定要写非常细致的内容) 

1、完成12的第二个页面,任务6的页面编写。

2、明天任务6的下拉菜单这里需要自己写出来,不引用bootstrap库里的组件,这里对于我来说应该是个重点。

遇到的问题:(遇到什么困难,怎么解决的)

暂时没遇到问题。

收获:(通过今天的学习,学到了什么知识)



返回列表 返回列表
评论

    分享到