发表于: 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.线上监控
评论