学建设网站及功能,网页设计的背景与意义,镇海区建设工程安监站网站,excel做网站目录一#xff1a;背景介绍1、代码可读性差#xff0c;结构混乱2、逻辑边界不清晰#xff0c;封装意识缺乏3、展示效果不美观二#xff1a;案例问题分析以及解决过程1、代码可读性…
目录一背景介绍1、代码可读性差结构混乱2、逻辑边界不清晰封装意识缺乏3、展示效果不美观二案例问题分析以及解决过程1、代码可读性差结构混乱2、逻辑边界不清晰封装意识缺乏3、展示效果不美观三总结四升华一背景介绍
1、代码可读性差结构混乱 2、逻辑边界不清晰封装意识缺乏
3、展示效果不美观 二案例问题分析以及解决过程
1、代码可读性差结构混乱
①我们经常说写的代码是让人读的写每一行代码都要写上注释要是没有注释别说读了连看也不想看吧。 ②代码结构混乱没有层次不能想写哪写哪想放哪放哪。代码间是有关系的。 以下是调整好的代码结构
2、逻辑边界不清晰封装意识缺乏
出现问题没改之前的代码是把两个div分开写的这样可以实现但是如无必要勿增实体。 方案 用第一个div把第二个div包了起来这样也可以实现同样的效果。
3、展示效果不美观
不美观的地方是活动前边的图标没有与文字对齐。 方案 给标签附上样式 vertical-align是用来指定行内元素或表格单元格元素的垂直对齐方式的属性。
height: 1.5em;
vertical-align: -0.3em;三总结
对于问题二涉及到的知识点有div块元素、v-if而这些知识点是需要我们必须掌握的。我们写的代码是给人读的所以在写代码的时候要主要层次以及是否写了注释。
四升华
条例清理层次分明前提要先抽象要善于分条例、分层次、做结构化要想学习好就要学会封装要做到N1在原来的基础上迭代新的知识1N在学习新的知识时回顾学过的知识把学过的知识编织成知识网要读出代码的味道把意义搞得越丰富越生活越有味道
