项目开发的完整流程

1，项目设计

2，项目开发

1，开发人员进行 code review，审查
2，开发人员自测
3，QA 测试人员： 上线之前检查出是否有bug，类似第一个用户先体验

环境：

补充

需要注意：

A 每天要对当日做的工作在jira对应的任务卡片上进行记录工时。

B 任务状态改变需要同步在jira上拖动任务卡片：

准备做某个任务时：待办-->开发&自测中

开发完毕也自测完毕，则构建到测试环境并将任务拖动：开发&自测中-->待测试&测试中

测试人员通知开发任务测试环境已经测试通过后，开发人员将任务拖动：测试完毕-->已发布生产

如果不需要测试，直接发布生产。将对应任务直接拖动到最后。

备注说明：

待办：未开始的任务

开发&自测中：开发及自测的任务

待测试&测试中：自测完毕，已经发布到测试环境

测试完毕：测试环境已测试通过

已发布生产：已构建到生产环境

开发人员：根据需要开发的工作新建jira任务，可以按jira任务的实际耗时进行计算。

测试人员：根据需要测试的工作新建jira任务，可以按jira任务的实际耗时进行计算。

前端开发流程概述

前端开发流程可分为需求分析、开发阶段、测试阶段、维护阶段，下面分别进行叙述。

21 需求分析

这个环节中，首先是和客户进行交流，了解客户的需求，然后分析项目的可行性，撰写项目需求文档。如果项目可行，则起讨论具体方案，分模块分步骤进行规划，分析项目进度安排、所需成本，进行原型设计（包括页面布局图，页面逻辑流程图，说明文档等。通过原型设计，可以让项目组和客户都可以对项目有一个直观感受，同时可以低成本高效率的复现业务场景和各模块流程）。
可以说需求分析阶段是整个前端项目的基础，基础不牢，地动山摇。可以试想，如果和客户沟通不顺畅，有的方面客户没搞清楚是什么效果，开发完成后就可能与客户发生纠纷；如果可行性有问题，有的模块很难实现或成本超出预算，就很难处理。

22 开发阶段

这个环节是前端工程师主要参与的部分，按照需求分析阶段的规划按步骤完成任务。

根据产品需求分析文档和原型图进行UI设计，对产品的整体美术风格、交互设计、界面结构、 *** 作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。

根据UI设计进行规划，提取界面中可以复用的模块方便重复利用，分析界面是否有实现难度比较困难的地方，进行沟通和功能排期，按功能大小以及难度进行功能时间的评估，和后端沟通好排期时间，保证大家能够更有效地开发合作，针对功能复杂的地方要先理清思路。

不要盲目开发前端搭建框架。根据设计图进行前端界面开发，以及遇到的问题及时与产品、UI、后台人员沟通，保持大家信息一致，针对不清楚的地方也要及时沟通，以免做错功能。

根据后端接口进行字段填充，以及部分功能开发。针对缺少的字段或者数据结构进行提出，及时与后端反应，尽量让大家都能以最小的改动完成后续开发工作。前后端都要按照规范进行开发，针对不规范的地方要给与提出、指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率更高。如果前端的设计进度远远超前后端的接口和数据结构设计，也不必等后端，可以自行开发nodejs服务器配合postman等接口软件进行开发。

前后端功能联调、完成自测。检查功能完成情况，看是否有遗漏，出现问题及时沟通解决。

23 测试阶段

发布测试、修改bug、发布上线，自测完成后提交测试，测试根据提交的项目以及需求进行测试，提出bug给相关人员修改，开发人员周期性的配合修改bug，保证今天能够修复昨天的bug。
发布dev环境，配合测试，修复bug以及需求优化
发布test环境，修复bug以及需求优化
发布it环境，修复bug以及需求优化
发布pre环境，修复bug以及需求优化
pre验收之后，发布线上环境，产品进行验收

24 维护阶段

如果客户验收通过，项目就进入了维护阶段，程序的维护包括程序上线后后续bug的修复和程序版本的更新。

3 个人经验总结

31 文档很重要

前端项目的文档似乎已经作为前端工程化的标准流程之一了，文档写的好，可以便于同事快速了解你的代码功能和需求，便于协作。可以想象，随之项目复杂度增加，体量越来越庞大，开发团队人数也越来越多。这种情况下，如果像变魔术一样隐匿中间流程而直接得出结果，后果可想而知：项目复杂度越增加就越难以管理，开发效率低，合作混乱，结果甚至导致项目死亡。
好的文档看起来就像一个产品说明书，但作用却远远超过了说明书，不仅仅告诉你如何使用，还应该告诉你项目的设计思路，用了哪些组件，哪些部分不完善，将来有什么规划等等。这是一份比较好的说明文档。

32 与客户及时沟通很重要

33 扎实的基本功很重要

尽管当下框架、函数库、工具包等更新迭代非常快，前端工程师有很多新的知识要学，但原生JS、HTML和CSS依然是重要的基本功，在学习前沿工具的同时不能放弃基本功的训练。

---