前端项目的开发流程

前端开发流程概述

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

2.1 需求分析

这个环节中，首先是和客户进行交流，了解客户的需求，然后分析项目的可行性，撰写项目需求文档。如果项目可行，则起讨论具体方案，分模块分步骤进行规划，分析项目进度安排、所需成本，进行原型设计（包括页面布局图，页面逻辑流程图，说明文档等。通过原型设计，可以让项目组和客户都可以对项目有一个直观感受，同时可以低成本高效率的复现业务场景和各模块流程）。

可以说需求分析阶段是整个前端项目的基础，基础不牢，地动山摇。可以试想，如果和客户沟通不顺畅，有的方面客户没搞清楚是什么效果，开发完成后就可能与客户发生纠纷；如果可行性有问题，有的模块很难实现或成本超出预算，就很难处理。

2.2 开发阶段

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

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

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

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

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

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

2.3 测试阶段

发布测试、修改bug、发布上线，自测完成后提交测试，测试根据提交的项目以及需求进行测试，提出bug给相关人员修改，开发人员周期性的配合修改bug，保证今天能够修复昨天的bug。

发布dev环境，配合测试，修复bug以及需求优化

发布test环境，修复bug以及需求优化

发布it环境，修复bug以及需求优化

发布pre环境，修复bug以及需求优化

pre验收之后，发布线上环境，产品进行验收

2.4 维护阶段

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

3 个人经验总结

3.1 文档很重要

前端项目的文档似乎已经作为前端工程化的标准流程之一了，文档写的好，可以便于同事快速了解你的代码功能和需求，便于协作。可以想象，随之项目复杂度增加，体量越来越庞大，开发团队人数也越来越多。这种情况下，如果像变魔术一样隐匿中间流程而直接得出结果，后果可想而知：项目复杂度越增加就越难以管理，开发效率低，合作混乱，结果甚至导致项目死亡。

好的文档看起来就像一个产品说明书，但作用却远远超过了说明书，不仅仅告诉你如何使用，还应该告诉你项目的设计思路，用了哪些组件，哪些部分不完轮衡答善，将来有什么规划等等。这是一份比较好的说明文档。

3.2 与客户及时沟通很重要

3.3 扎实的基本功很重要

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

网站验收其实贯穿整个建站流程：原型稿验收、设计稿验收、前端效果验收、整站验收。

如果问的是交付上线前的整站验收，一般验收以下项目：

1、网页设计风格、板块布局是否符合要求；

2、网页板块、图片、文章、动画是否有排版错乱、模糊不清；

3、网站栏目分类设置是否有误；

4、网页内亏埋容是否有误：文字通顺、无错别字、配图合适/相关；

5、网站链接到处点一点，看是否有错误链接、空链接、死链接；

6、约定的功能是否实现；

7、表单是否正常可用皮春，如留言、评论销握蚂、注册、登录等；有无数据校验，如手机号输入框，输入不正确的格式是否提示错误；

8、兼容性测试：测试在各种尺寸显示屏、不同品牌/版本浏览器下是否显示正常。

我们总结了一些网站验收辅助工具，需要自取：10个工具技巧，教你如何快速验收网站。

大多数企业在进行自身企业网站建设的时候，由于自身不具备这方面的专业技能，所以经常是外包给专业的网络公司，然后在最后进行网站验收的时候，又不知道应该如何验收，接下来小nice就这个问题来给大家讲解一下。

一、网站的初步检查

检查网站的文字信息是否有误，要保证你的网站所展示给用户的信息是正确的，接下来看看网站的各个资料信息是否添加完毕，加入资料需要你自行添加，而你又不会 *** 作可以向网站建设公司进行咨询。最后对网站程序是否正常使用进行检查，咨询网站后台的使用方法等等。

二、网站的详加排查

当网站的检查完毕之后就要对网站的各个功能技术等方面进行仔细的检查了，主要包括以下几个内容：

ü 后台功能

网站后台的功能咐好闭能否正常使用，对于网站能否正常运行也用很大影响，所以一定要确保网站后台所有功能能够正常使用，例如在线调查、网络留言、链接管理等等，这对后期网站的优化推广，用户反馈都有很大帮助。

ü 网站技术

首先考虑网站可用性，网站在任何一台可以上网的电脑上可以通过域名访问；然后是网站兼容袜毁性，兼容不同版本的浏览器；再次是网站测试；保证正常时间可以访问，有异常情况可以处理；最后是网站安全要求，网站的可以正常运行，能够抵抗正常攻击行为。

ü 美工设计

要有一个和公司名字相匹配的企业logo，网站整体风格基本和企业的要求吻合，网站布局合理，条理清晰，区域划分和过渡整体性好。

ü 日常维护

企业有专人负责管理；能够进行日常维护；有合理的管理体制。

ü 应用服务

有合理的栏目设置；重点栏目在网站的首页面要求能够清晰体现；从网站后台功能运行状况、前台界面风格、网站技术以及应用服务等方面经过评审，网站整体达到企业的实际需求，以满足企业的应用要求。

————以上是上海凌樽网络的解答，希望衡裂能帮上您，并得到采纳。

---