2020-02-13|2020-02-13 前端开发流程优化 2020-02-13前端开发流程优化

开发前项目需求分析一、拿到原型图，先自我解析需求，画出思维导图，流程图
在拿到原型图时，可以先理清我们的需求
1、依赖的外部资源

后端提供的接口
UI出图的布局
后期频繁改动的地方

2、需要实现的效果

弹窗
下拉刷新
动画效果
吸顶效果
懒加载、预加载、防抖、节流

【2020-02-13|2020-02-13 前端开发流程优化】二、明确需求
在需求评审会，1找到需求文档中不太合理或模棱两可的地方，完善需求文档；2明确产品需求。
会后进一步整理需求
细化细节，整理有疑问的地方，与产品、设计等其他人进行确认
页面设计提供开源框架或业界流行框架给产品和UI设计师，探讨能否在开源组件框架库的基础上进行设计，借助框架避免重复造轮子和踩坑。
技术选型，库/框架选型 1、团队同事的技能知识储备是否支撑起使用该技术开发
2、看项目的复杂程度，对扩展性、易维护、开发效率进行考量
3、框架UI设计风格是否跟项目匹配
开发中编码 1、先思考交流，再动手
准备开发一个功能模块时，先理清自己的思路，然后跟旁边的小伙伴交流一下。
2、及时反馈问题
开发过程中遇到需求细节问题，立即找产品确认并解决细节问题然后更新需求文档，记得给测试说下需求有调整，要让所有参与方都明确需求。
3、另外，如果发现开发难度比当初想象的要大，难以在自己评估的时间内完成（直白点说就是你高估了自己的水平），赶紧给上司说做不完需要加时间。
4、提取剥离相同或相似结构，封装成模板或组件。
提取剥离公共js方法，保存到util.js。
提取公用样式css，保存到common.css。
开发后测试 1.自测
2.及时code review
我比较建议每完成一个小的功能模块就code review一次，这样code review的目标很明确并且review方的压力也比较小。
维护每天留出一块时间专门用以处理bug，而不是让产品或测试同事打断开发思路。