① 前端项目的开发流程
前端开发流程概述
前端开发流程可分为需求分析、开发阶段、测试阶段、维护阶段，下面分别进行叙述。
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依然是重要的基本功，在学习前沿工具的同时不能放弃基本功的训练。
② 前端项目开发周期
一个项目的开发周期
0、产品经理有需求想法去找项目经理讨论可行性和紧迫性
1、项目经理开始分任务
2、产品建群发需求文档 答疑解惑
3、前后端把产品叫过来答疑解惑准备开发发送答疑解惑邮件
4、前端或者后端选择一位作为项目负责人对项目工时分解，沟通开发时间和测试时间，最终开发测试产品约定统一时间
5、建立开发任务立项邮件附带上一步的分解文档，让主管在任务平台创建任务和分解任务，在文档中约定时间开始开发
6、测试前一天确定是否延期，如果延期，需要产品测试过来重新评估工期
到提测最后一天时，需要产品测试和主管过来验收项目
7、根据验收，第二天中午前修复bug发测试、发布提测邮件
8、bug集中在邮件中发送，典型bug需要在任务平台建立
9、完成测试时会发生确认邮件
③ 前端改动一定依赖于版本发布吗
不一定。
当前端需要发布新版本时,可以不依赖于后端(根据实际情况,也可以不依赖于运维)。 毕竟有很多需求并不需要后端介入。
前端项目的工程化，不只对开发层面的组件化、模块化、规范化等，更涉及到构建、部署的工程化和自动化。工程化的一些概念，编译、构建、部署、发布、CI/CD、灰度等概念，其实都是软件工程中很成熟的概念，现在前端项目中也快速发展起来。
④ nginx发布前端项目，想更换html.CSS.js等，如何不重启nginx更换
直接修改nginx配置文件，然后reload
⑤ 一个前端开发新项目，开发流程是怎样的
我们以前基本的流程是，领导或甲方提出需求，然后产品分析需求，并且根据需求画出原型图，然后根据原型图出设计稿。 出完设计稿团队评审，过后交与前端制作静态页面，然后静态页面，交与设计审核，过后交给开发人员，进行动态数据的添加。 添加...
⑥ 怎样从无到有地建立一个前端项目
年后入职新公司，面试时聊到公司的情况大致是这样的：团队里需要招一名前端（就此一人，其他都是后台开发的），项目是一个工具类的Pc端项目（我的理解就弊局姿是web应用！？），框架用的是vue，而且这个项目组是新成立的，也就是说前端的活儿需要我从零开始一步一步搭建。我本人之前的项目经验比较肤浅，没有过这种全权负责整个前端部分的经验，因此想问问各位大神，一般来说，应该怎样做准备工作？在搭建项目时，有没有什么提前需要注意的地方吗？
1. 通读文档、原型图，不懂、不明确的地方找产品确定，不要凭自己感觉猜测
2. 画流程图，考虑一些交互，不确定的技术方案可以试着写个简单 demo 跑跑
3. 拉上产品、设计、后端开个技术交互评审腊腊 4. 确定接口 5. 拿到设计稿，过一遍，看看有什么不合理遗漏的地方
6. 切图，根据接口文档写代码，期间遇见问题，及时和产品设计后端沟通
7. 参加测试人员的技术评审 8. 自测联调，发布测试版 9. 改 BUG 10. 发布预发版，外网测试（如果是对外项目）
11. 发布正式版
如果做后台页面，可能没有设计师，那么尽量保持各页面风格统一，可以考虑 Bootstrap、ElementUI。
排期有问题，也及时沟通，并说明理由。产品改需求，影响排期，需要说明。 我的经历大致就是这样。
仔细看一遍vue官方文档。
从框架api到编程风格指导，一条龙。
再搭配vue官方脚手架vue-cli，完美。
首先肯定了解清楚需求，是否前后端分离，是否需要ssr，是中后台项目还是纯展示项目。
既然框架选择vue，那么推荐使用vue-cli，是否需要引入vuex看项目需求。按照vue-cli推荐的目录划分项目文件，组织好基础的配置结构，便于之后接手项目的人。
提供好相应的初始化钩子，定好less颜色变数，路由集租绝中管理，bundle按路由拆分，纯组件和业务组件分开，全局的loading和错误处理，类似登陆注册基础的模块，前端错误收集，一些模块的二次封装，模块按需载入，tree shaking。一个好的项目模版甚至可以保留后，之后的业务基于项目模版开发。
做到新人针对某一个页面开发，加一个路由对全局不会造成太大的影响。 首先前端是你一个人，而且没有人提出让你用什么，要么用你会用的要么用你想用的。如果你用vue就更方便了。直接使用脚手架搭起来一个项目然后写东西就行了。不用考虑太多！
如果我是楼主目前的水平，我会撸起Jquery就是干，管它vue不vue，反正前端就一个，怕个 *** 朝天。
vue cli 自带的webpack模板 贼开心 1、 是否是前后端分离项目，使用vue进行开发是否使用脚手架工具vue-cli或者使用webpack自己搭建开发环境 2、 css的模块化设计，使用原生css，还是使用预编译器less或者sass 3、 框架的选择，web端的vue框架很多，例如：iview……
⑦ web前端项目开发流程
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。