前端开发的流程与规范

在团队不断成长的过程中，需要处理的需求也在逐渐增长，团队中成员如何分
工配合决定了开发的效率、产品的质量，在这个时候我们就需要一个流程来规
范、指导我们，下面就将咱们前端组的一些经验跟大家分享一下，有不足之处

 

欢迎大家指出来。
 
        当 PRD 确立下来后，前端组的同学们就需要做好准备，好应对高强度的
开发工作。在今年年初的时候前端组经过激烈的讨论针对新产品的开发做了一

 

些约定。制定 了前端开发的一些相关的规范，包括不同产品的命名规范，前端
文件存放目录等等一系列的前期准备。别看这些只是小事，但做好万全的准备，

 

 

是敏捷开发中所必 的。
 
下面讲讲前端开发组的流程。

 

 
1、分层开发
 
        在 PRD 确定后就需要进行分层开发的划分，根据项目内容的不同，划分
组员的工作。大致分为，总体结构搭建、模块制作、页面制作、底层

JS 搭建、

JS 交互效果、内部测试、代码优化。

 
        这样做的好处是能根据项目的不同，划分出不同的功能模块，合理的进行
人员分配，让合适的人做合适的事。降低开发成本，提高开发效率。
 
 
2、代码编写
 
        前期工作准备好后，就开始进入代码编写阶段，我们采用 LSM 方式进行，

 

大致流程为

prototype 产出后，就进行前期的前端开发（搭建大致的 HTML 结

构），然后设计出完设计稿后再进行页面样式的完善，最后完成正式的页面后

 

交给开 发，嵌套程序。这样做的好处不仅能有效的提高开发效率，实现逐层开
发，让前端提前介入，减少整体消耗的时间，确保产品有更多的时间修改和完
善。