好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

注册绑定页面及微信二维码登陆页面开发项目总结_html/css_WEB-ITnose

乐帝来到新的实习单位,也许是之前面试或者在爱奇艺实习的履历,很快被项目组“委以重任”。而不是老套路刚入职,先在架构师那培训两周,专心钻研框架,不问具体业务。乐帝只有几天看框架的时间,当被分配给框架页面时,还是不能得心应手,正如同事所说,学习还得按部就班,写写例子,看代码是不行的。

目前这家公司类似《走出软件作坊》作者阿朱所在行业,是面向中大型企业,提供人才管理解决方案的软件公司,时髦的词叫SAAS。这类公司层次要比外包公司高,却还有很多外包公司的特点,不像互联网公司有很大的自驱动空间。而一个行业劳累与否,要看这个行业是自驱动需求,还是被客户赶着催工期,总是被动响应,应接不暇。

由于公司有“外包”性质,也就不免外包式的行事方式,开发流程上比上次实习单位要规范先进不少,但对员工流动性也较高。乐帝目前所在办公工位,对面坐着项目经理,统管技术开发。每日工作除了跟踪项目进度和产品进行关于工期的拉锯战,剩下的就是面试,面试,还是面试。看到项目经理吐槽面试者的水平,各种刷人。乐帝不得不说,自己当初面试,忽悠的水平还是到了一定境界。

这样的情况就显得有些滑稽,做专业人才管理软件的公司,会因为招不到合适的人而困扰,又有多少软件能够真正解决问题呢?

乐帝当初选择这家公司而不是腾讯,看重这家公司能给乐帝技术上的提升要好很多。这两周里,验证了当初乐帝在任职要求中的推测。前端团队分为业务团队和架构团队,业务团队基本由公司入职一年左右的同事构成,架构团队则卧虎藏龙。

处于这样专业的前端开发团队中,不再只依靠百度来解决零星问题,而是有了一个广泛的知识面或者说知识库,遇到的问题,总是可以请教用更短、更优的方式来解决,自身成长也更加快速。下面来谈点干货。

(一)注册绑定页面及微信二维码登陆页面开发

项目背景:根据原型图及指定页面的格式,开发出注册、绑定和二维码扫描登陆页面。

请看开发效果图:


由于注册和绑定的效果图只有文字区别,这里乐帝只贴了一张图,微信登录页的效果图,乐帝采用了微信网页版的样式,不同的是,为了内容表达更明确,将“微信登录”字体放大了。

从这两个页面开始,乐帝开始了PC端页面开发的工作,这也正是一个前端开发工程师基本的技能。本单位要求兼容IE8、9、10、chrome、firefox。转移到PC端开发,页面上的内容会变得复杂,还要考虑到浏览器兼容性,很多比较先进的标准都需要避免使用。

(1).首先要处理的是居中布局定宽的问题,电脑屏幕尺寸的变化要远大于移动端尺寸变化,那么首要解决就是定宽和居中。

.login-outsideWrapper{	position: relative;	top:0px;	width:960px;	margin:0 auto;} 
乐帝这里的类是包裹所有页面内容的类。

将其设置成定宽960px 同时用margin属性构造居中 同时设置一个position属性,但不移动,为的是使内部内容绝对位移都是相对于这个外层包裹类,而不是body元素的。

通过以上三点,为整个页面的构建打下了基础。

(2).下面看一个经常遇到的问题:

查看更多关于注册绑定页面及微信二维码登陆页面开发项目总结_html/css_WEB-ITnose的详细内容...

  阅读:41次