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