标签：android style blog http java color os strong
这一周过的是我理想的实习状态，手头有项目则忙项目，没项目则提高基础技能。那么下面来看看这周做的活动页面效果吧。
项目介绍
（一）．观影团活动页面的开发
本项目页面的开发基本都是用之前用过的技术，不同之处在于乐帝之前的开发处于懵懂状态，现在回头看还是有些许的提高，对页面每一行代码都知道来龙去脉，弹出窗、对齐、居中布局都从本周阅读《前端开发修炼之道》有了更深层次的认识。css对齐与居中布局都不是单独属性完成的，而是有关联及触发的，而之前写页面不理解的恰恰是属性间的触发关系。
这里拿弹出窗的构造举例。
<div id="popup"> <img src="popup_bg.png"> <div id="popup_position"> <p class="submit header_info">验证手机号后即可报名，方</p> <p class="submit">便小编与您联系</p> <input type="tel" id="tel" value="手机号："> <br> <button class="cupid green" id="confirm">确定</button> <button class="cupid white" id="cancel">取消</button> </div> <div id="success"> <p>成功参与，耐心等候冰冰的邀约</p> <button class="cupid green" id="confirm_success">确定</button> </div> </div> <div id="mask"></div>
@media only screen and (max-width: 800px) and (min-width: 710px) {
#join{
position:absolute;
left:25%;
top:28%;
}
#popup{top:10%;width:90%;left:4%;}
#popup img{width:100%;}
#popup_position{top:-180px;}
.submit{font-size: 16px;}
#tel{height:40px;font-size: 16px;width:80%;}
.cupid{height:40px;font-size: 16px;width:38%;}
}交互部分则用jquery实现业务逻辑相对简单，需要单独指出的是遮罩时，页面不能滑动，这里的实现如下：
jQuery(window).scroll(function(){
if(jQuery("#mask").css("display")!="none"){//弹出窗口时不允许滚动条滚动
jQuery(window).scrollTop(0);
}
});//遮罩出现不允许页面滚动另外一点风险则是开发人员完全按照产品的需求，不能从逻辑合理性角度优化产品逻辑，也会造成后期资源的浪费。
以上两点是这次遇到的一些问题，我应该向领导反映下完善开发流程，增加适配测试重点，同时及时向产品反馈需求，以优化产品逻辑。
本次项目确定了与谁沟通后，下次安排接口问题就能够快速完成需求。不得不感叹团队的效率不在技术开发，而在沟通上。
span{display:block;width:18px;height:20px; position:absolute;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;}
.up1{background-position:-58px -20px;}
客户端发现_观影团活动页面开发与客户端新版跳转测试页面开发项目总结,布布扣,bubuko.com
客户端发现_观影团活动页面开发与客户端新版跳转测试页面开发项目总结
标签：android style blog http java color os strong
原文地址：http://blog.csdn.net/yingyiledi/article/details/38138563
