1. 查看设计稿,分析设计稿,了解网站的总体功能前端
2. 分析每个页面,理清页面结构,功能,交互,可复用的模块,组件。工具
3. 理完一遍后带着问题与设计讨论,确保想法一致。网站
4. 开发前准备,询问设计有无设计样式规范,若是设计有设计样式规范,有章可循,则按照样式规范编写通用CSS;若是没有样式规范,则在开发过程当中运用工具量出样式,最好copy防止出错。编码
5. 前端小组讨论,统一思想,统一编码规则,明确技术栈,分配页面任务,保持步调一致。设计
6. 技术栈选定后,在开发过程当中,先编写静态页面,UI,样式与设计稿一致后,整理交互逻辑,可编写流程图,理清各类状况,能加快编写代码逻辑,及查找问题的速度。在后期的维护过程当中,查看流程图能更快地明确痛点。开发
7. 其中技术栈,编码规则,模块,组件,与开发人员的技术和能力有关,不一样的技术栈有不一样的编码规则,选取技术栈要按需而定。技术