文档介绍：前端开发的流程与规范
—•产品经理规划功能（客户）出草图（原型图）和需求文档
（需求文档交给后端）
三•前端写页面布局及网页特效
四将静态页面转化为动态页面
静态到动态：
1•传统模式：将静态页面交给后前端开发的流程与规范
—•产品经理规划功能（客户）出草图（原型图）和需求文档
（需求文档交给后端）
三•前端写页面布局及网页特效
四将静态页面转化为动态页面
静态到动态：
1•传统模式：将静态页面交给后端后端使用模板引擎技术将数据与结构混合
2•前后端分离:前端请求数据接口，通过js将数据与结构混合
六•发布上线
下面讲讲前端开发组的流程
—、分层开发
在PRD确定后就需要进行分层开发的划分，根据项目内容的不同，划分组员的工作。大致分为，总体结构搭建、模块制作、页面制作、底层JS搭建、JS交互效果、内部测试、代码优化。
这样做的好处是能根据项目的不同，划分出不同的功能模块，合理的进行人员分配，让合适的人做合适的事。降低开发成本，提高开发效率。
二、代码编写
前期工作准备好后，就开始进入代码编写阶段，我们采用LSM方式进行，大致流程为prototype产出后，就进行前期的前端开发（搭建大致的HTML结构），然后设计出完设计稿后再进行页面样式的完善，最后完成正式的页面后交给开发，嵌套程序。这样做的好处不仅能有效的提高开发效率，实现逐层开发，让前端提前介入，减少整体消耗的时间，确保产品有更多的时间修改和完善。
确定了流程后还需要对产品原型进行分析、拆分，把复用性高的部分找出来制作成代码模块，方便以后的套用。确认二、三级页面的风格搭建统—框架。
设计拿到prototype后，就进行通用模块样式的设计（包括按钮、分页、默认字体颜色、连接颜色等），完成后并提交给前端，统一的搭建。在代码的编写过程中，最重要的是标准和规范的执行遵守，在编写HTML时候充分发挥想象尽可能的满足后期样式表现的需要。
代码编写过程中让前端组提前进入开发流程中来，在prototype产出后就进行HTML结构的编写，页面设计完成后，在进行样式表的开发，这样不仅能节省很多的开发时间，提高开发效率，还能锻炼前端组的同学对全局页面的把控。在此同时也强调规范