微信订座系统项目总结

不管学什么,到最后必须要通过实践的检验,开发也是如此,正如邓小平同志的一句:实践是检验真理的唯一标准,在实战中的进步是最大的,这是第一次正式地外包项目,是中国美院的一个关于课堂微信订座项目,本身并没有什么经验,更何况移动端,这次项目主要是大致的了解一下一款产品上线的流程吧,当然也有一些编码上的总结。希望在后面能够通过更多的实战项目来锻炼自己。

一.项目整体流程

1. 分析用户需求,产品功能
2. 设计图材料
3. 业务逻辑
4. 分工合作
5. 提交, 不断完善,修复bug

二.遇到的问题及解决办法

html部分:

1. html5新标签,新属性应用(input的placeholder属性,type=”date”);
2. 命名规则

css部分:

1. 设计图各部分尺寸比例,ps测量;
2. 移动端适配,meta标签使用,视口等理解;
3. 移动端对flex box布局方式的支持,考虑用浮动布局;
4. 图片大小压缩问题,宽度设置,高度自适应;
5. 苹果手机自动缩放屏幕问题,禁止用户缩放;

js部分:

1. 用闭包解决js无块级作用域的影响;
2. 自定义特性不会自动添加到dom对象属性;
3. 自定义dom对象属性也不会添加到特性;
4. 与后台数据对接,封装函数,做好接口;

三.思考改进

1. 命名规范
2. W3C标准
3. 使用框架开发,bootstrap或者jquery mobile
4. 简化逻辑,性能优化
5. 代码可维护性
6. 开发效率

补充:

1. 图片和其他非代码文件放在单独的文件夹
2. 变量声明和函数声明写在最前面,以增加代码的可维护性
3. 使用动态改变元素的class来改变元素的样式
4. 将雪碧图放到一个数组里,循环适用于多个元素
5. html5在DOM上的扩展,自定义特性可以通过元素的dataset属性来访问自定义特性对于于DOM对象中的属性
罗峡的博客 wechat
欢迎扫描上面的微信公众号二维码,关注我的个人公众号:全栈前端
坚持原创技术分享,您的支持将鼓励我继续创作!