前端开发流程：（我的理解，没啥经验，各位大牛勇敢指正呀）

前端开发流程：（我的理解，没啥经验，各位大牛勇敢指正呀）

1、尽早开始，设计部门给出一个成熟的界面原型之后，前端就要开始干活了。（如果等到设计完稿再开始做就太晚了）

2、前端拿到原型图，开始读懂和理解设计，并且跟设计部门沟通核实一些设计细节；

3、前端开始从原型图中抽取模块，把模块的精度不断变细，然后抽取出一些相似的模块作为通用的模块；

4、开始切图；

5、用纯HTML搭好页面框架，测试HTML是否具有语义化；

6、开始写CSS。用分层的思想来写CSS。

• 先写好基础层，其中包括一些运用到所有页面的基本样式，例如一些CSS hack，清除浮动等等；
• 接着写好通用层，其中包括每个模块都会运用到的样式，比如按钮的样式，默认字体颜色，方框的样式，对话框的样式等等；
• 最后前端的工程师分工写模块层，也就是为每个模块或者页面单独写样式；

7、写好CSS后同样要测试浏览器兼容性等等；

8、然后开始写JS。同样用分层的思想来写JS。

• 先写好通用层，其中包括全局变量、一些弹窗、Ajax这样的每个页面都用到的js代码；
• 接着就开始分工写各个模块的JS代码；

9、测试JS，页面分模块测试，页面整体测试，然后交给后台开发；

最后想说点需要注意的是：

注意1：前端测试时，最好有设计部门参与，方便核实是否真实还原设计；

注意2：前端也有“原型”，在前端的页面基本成熟之后，先交给后台的同事去开发后台，前端再来进行新的一次迭代开发，这样可以加快后台开发的速度；