前端开发的流程

吹就一个字

第一阶段：需求分析

这一阶段是最基础的阶段。首先需要和客户沟通，了解客户需求，分析项目的可行性，撰写需求文档。分模块、分步骤进行规划，分析项目进度安排和所需要的成本。通过原型设计，更有效的还原需求，降低犯错概率，降低沟通成本。原型设计包括页面布局、页面逻辑流程、说明文档。
第二阶段：开发阶段

这一阶段包括UI设计、前端开发、后端开发。首先UI设计师根据产品需求分析文档和原型图进行UI设计。前端工程师根据UI设计进行规划，提取页面中可以复用的模块，方便以后利用。分析界面是否有实现难度比较困难的地方，进行沟通，按功能大小、难度进行功能排期。同时和后端同事协调工作。和后端沟通好排期时间，保证大家能够更有效地开发合作，针对功能复杂的地方要先理清思路。针对缺少的字段或者数据结构进行提出，及时与后端反应，尽量让大家都能以最小的改动完成后续开发工作。前后端都要按照规范进行开发，针对不规范的地方要给与提出、指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率更高。如果前端的设计进度远远超前后端的接口和数据结构设计，也不必等后端，可以自行开发nodejs服务器配合postman等接口软件进行开发。前后端功能联调、完成自测。检查功能完成情况，看是否有遗漏，出现问题及时沟通解决。
如何和后端合作？
后端主要负责提供数据接口或者接口文档。前后端合作的模式主要分为：

• 只产出html页面，然后交给后端来处理数据。好处是，工作量比较少，公司没有专门的前端可以实时这种办法。缺点是，后端工作量偏大，如果有ajax或者数据添加后出现样式问题，进行联调，会花费更长的时间。
  
• 产出静态的php,josn页面，然后交给后端处理数据。好处是，因为提交的是php,json页面，如果数据添加之后界面出现问题，可以很快地去调整，方便各种联调。缺点是，后端的工作量还是很大，并没有完全地减轻后端人员的压力，打包发布还是依赖后端，而且在开发中依赖后端的情形偏重。
  
• 产出动态数据的php,json页面，前端与后端的打包完全独立。好处是，前端层的表现，数据完全由前端把控，有什么问题可以由前端独立解决，并单独打包发布。缺点是，由于前端的工作量加大，对前端的技术存储要求偏高，人才招聘有一定的难度。
  
• 其他的合作模式还有，提出需求，讲明白前端要的接口效果。看后台人员是否能满足这样需求，如果有现成的接口，直接调用就是。如果没有，那么就跟后台人员协商是否可以再次开发。评估工作量和完成日期。
  

第三阶段：测试阶段

• 发布dev环境，配合测试，修复bug，以及需求优化
  
• 发布test环境，修复bug，以及需求优化
  
• 发布It环境，修复bug，以及需求优化
  
• 发布pre环境，修复bug，以及需求优化
  
• pre验收之后，发布线上环境，产品进行验收
  

第四阶段：维护阶段

程序上线后后续bug的修复和程序版本的更新