一线互联网公司的前端开发流程

看标题也许会误会我是一线互联网公司的员工，先声明，我不是，那么有人就会问了，那你来装什么b呢,好吧，我虽不是大公司的，但是要有进大公司的决心嘛，所以多向人家学习，马大哥不是说了么：梦想总还是有的，万一实现了呢！此文章是向大公司大牛学习后得出的一些总结，对做前端开发的我收获极大，所以分享出来，也许对你也有好处。

好了，废话不多说，先来上张图



从图不难看出，整个项目想从最初的想法，到最终的上线，那是要经过层层封装的，需要各个部门人员协作的结果，而不是想象的那么简单。

作为前端开发者，我不太懂产品经理和UI设计师的工作，所以：想法→原型→设计就不多加讨论了，直接略过，谈谈开发流程，也不废话，直接上图



看图才知道，我深深的感受到我的误区(小公司的悲哀)，我一直以为前端工作就只是写代码这一环而已，却不料还有这么多道道。

首先说一下交互解读，这一环非常重要，在需求到来之前，前端工程师需要和产品经理讨论大致方向，大概需要实现哪些功能，对时间大致做一个预估，讨论以后项目拓展的可能性。

其次是设计解读，设计解读是对处女座的绝对考验，需要对设计图部分细节进行可行性分析，说简单点，就是挖细节，不合理的，让设计师重新设计。

接下来就是开发了，有些同志拿到设计图就开始写代码，写着写着就感觉代码太杂乱了，多了很多冗余代码，这就是没做好准备的后果。

交互定下来后，应该先做好技术选型和开发准备，移动端开发技术选型最好遵守基本原则： 轻量化（框架）、快速开发（语言/框架、交互、需求）、维护简单、高性能 等。有些时候会纠结使用原生javascript开发还是框架开发，这得根据自身项目的复杂程度来看。 除了框架的考虑 以外，还得考虑模块化拆分，css/img/js是否分离等，有些移动端活动页会杂在一起。 将js放在html文件中，文件加载时减少请求；加载速度提升，性能得到提高。

接下来才是编写代码（25%时间），一般就几个步骤，如图



从图可以看出，编写代码也必须按部就班的编写，可以避免很多不必要的麻烦，解释一下，服务器通信开发，简单来说，就是处理服务器返回的数据，然后渲染到页面上。

至此，我们不难看出在大公司前端开发的工作只是整个项目的一个环节而已，并没有想象的那么“重要”，但是它也是不可缺少的一环，毕竟浏览器只认识咱们写的语言，这也是我们存在的原因。