JAVA开发第4天上班日记[通俗易懂]

今天招我进来的小组长让我做一个页面，我以前用过jsp,html4,css,javascript，倒也熟，只是有点忘记了。

第一步:我想以前html页面，不就是用table、div来设计html整个布局吗？这里的uni-app .Vue页面估计就是view对应div,测试一下，没问题，页面标签解决了，要设计页面了

第二步:经常有人说flex，我去上网查一下。很简单吗？就是css display:flex,flexdirection选择row或column，布局确定下来，我该设计整个页面布局了。

第三步:

我去熟悉网页html常用标签p等等。每一个标签就是一个小盒子，我去熟悉一下盒子的几个熟悉值:

第四步:反正页面就是大盒子套小盒子

设计我要做网页的框架，由几个view组成。

设计整个页面分成三个大view，大容器display:flex,direction:column，然后又在大view设置小view

最后一个留言view,就是v-for（随便写的无类型变量，i）in 数组对象，循环完数组里的数。

第五步:开始写页面，页面上肯定要用样式,简单的样式属性又熟悉一下。

2、容易混合的css定义写法和使用熟悉一下

class=b1

.c1.b1｛backgroudcolor:red} 3

c1 b1{background:green} (1)

.c1｛font:20px}

.b1{border:solid red}

难点1:如果一个html元素想同时要两种或以上的样式

class=c1 b1,同时背景色都是red，在css写成 .c1.b1

难点2:如果有父元素盒子套儿子盒子，儿子盒子的样式背景色和父不一样,是绿色。

第六步:写了一个简单的页面

v-for 这种简单的循环标签看一眼就会。

第七步:出了成果图，还得改改样式就可以了，下一步，估计要熟悉js了，又忘了。下班了！[耶]