1.切图阶段
业务流程?页面如何交互? 跳转? => 理解清楚
页面是否可以封装成可复用的组件? =>能封装就封装,减少工作量
收集和展示数据? => 收集+展示,选用合适组件,正确方法
构建页面? => 遵循现有项目的样式风格来构建页面,注意细节(margin、padding和font-size),保持统一
前端点点点(必须进行) => 确保在没有后端数据的情况下页面能够正常运行,不能出现阻断型错误,不能飘红报错
最后,确保以上步骤都完成且没有问题后,才能进行下一阶段工作。
2.接接口阶段
书写数据处理逻辑 => 向后端索要接口定义(重要), 整理请求参数+整理后端返回数据
整理代码逻辑 => 公共的方法使用 utils 封装, 牢记一个函数只做一件事, 忌讳随意拆分,代码难读懂
调接口 => 调后端真实接口,看页面是否能够正确展示
3.自测阶段。
点点点(重要且必须)=>时间充足时,一定要多点,点的过程中打开网络控制台,查看每次发送请求传给后端的参数是否正确,是否有多余参数,若有,进行删除。