发表于: 2017-03-23 22:42:29

1 684


今天完成的事情:1.完成响应式导航栏。

2.了解开发流程。

明天计划的事情:完成轮播图。完成任务15-1页面。

遇到的困难:在制作响应式导航栏的过程中,遇到了2个问题:

1.当导航栏小于768px时,点击汉堡包按钮,会弹出导航栏,但是再次点击汉堡包按钮,就没有变化了。之前的js代码为,

var click;
function toggle() {
var click=document.getElementById("arise").style.display;
       if (click == "none") {
document.getElementById("arise").style.display = "block";
       }

}

后来经过李玺师兄的指导下,在该js代码的基础上再加一段代码

var click=document.getElementById("arise").style.display;
   if (click == "none") {
document.getElementById("arise").style.display = "block";
   }
else if (document.body.clientWidth > 768){
document.getElementById("arise").style.display = "inline-block";
   }
else{
document.getElementById("arise").style.display = "none";
   }

就可以完成导航栏的功能了。第一次点击按钮时,ul标签ID为arise的diaplay属性为none;执行第一个语句,从而arise属性的display属性改为block;实现导航栏下拉效果。再次点击按钮时,arise属性的display属性为更改后的block;所以就执行第二个语句。因此之前下拉的导航栏又缩回去。

收获:1.学会制作响应式导航栏。

2.下午从pm讲解story中了解到项目的开发流程。

1.首先是story讲解,也就是今天pm小姐姐讲的内容,就是在禅道拆分好内容,然后并且定义出优先级,后续开发根据优先级进行开发。

2. 根据产品原型,按照模块划分相关负责人,前端和后端都是,并放到wiki。

3.前后端分别对项目给出多个方案,定义接口。

4.方案评审, 对做出的方案设计,做方案评审。

5.相关负责人按照优先级顺序,在禅道拆分自己的任务。

6.开发,搭建服务器。

7.阶段测试。

8.demo.

9.测试

10.codereview

11.发布测试环境、集成测试

12.压力测试

13.发布线上环境,同时停止开发环境和测试环境

14.线上监控


返回列表 返回列表
评论

    分享到