首页 > 众包知识 > 整站建设 > 网页前端开发 >  网页前端开发流程

网页前端开发流程

2017-4-26 17:20:24      3960人阅读      作者:来源网络
制定了前端开发的一些相关的规范,包括不同产品的命名规范,前端文件存放目录等等一系列的前期准备。别看这些只是小事,但做好万全的准备,是敏捷开发中所必的。以下就是时间财富网小编为您整理的网页前端开发流程。

下面讲讲前端开发组的流程。


1、分层开发


在PRD确定后就需要进行分层开发的划分,根据项目内容的不同,划分组员的工作。大致分为,总体结构搭建、模块制作、页面制作、底层JS搭建、JS交互效果、内部测试、代码优化。


这样做的好处是能根据项目的不同,划分出不同的功能模块,合理的进行人员分配,让合适的人做合适的事。降低开发成本,提高开发效率。


2、代码编写


前期工作准备好后,就开始进入代码编写阶段,我们采用LSM方式进行,大致流程为 prototype产出后,就进行前期的前端开发(搭建大致的HTML结构),然后设计出完设计稿后再进行页面样式的完善,最后完成正式的页面后交给开发,嵌套程序。这样做的好处不仅能有效的提高开发效率,实现逐层开发,让前端提前介入,减少整体消耗的时间,确保产品有更多的时间修改和完善。


确定了流程后还需要对产品原型进行分析、拆分,把复用性高的部分找出来制作成代码模块,方便以后的套用。确认二、三级页面的风格搭建统一框架。


设计拿到prototype后,就进行通用模块样式的设计(包括按钮、分页、默认字体颜色、连接颜色等),完成后并提交给前端,统一的搭建。统一的搭建。


在代码的编写过程中,最重要的是标准和规范的执行遵守,在编写HTML时候充分发挥想象尽可能的满足后期样式表现的需要。


代码编写过程中让前端组提前进入开发流程中来,在prototype产出后就进行HTML结构的编写,页面设计完成后,在进行样式表的开发,这样不仅能节省很多的开发时间,提高开发效率,还能锻炼前端组的同学对全局页面的把控。在此同时也强调规范和模块化的重要性,正所谓无规矩不成方圆,在一个团队协同开发过程中,必须要严格按照规范执行,这样能便于后期维护,减少维护成本。而模块化,是敏捷开发所必需的,重要性在这里也不做过多的描述。


3、内部测试与后续优化


所有页面出完以后设计参与前端组的内部测试,指出页面与设计稿不匹配的地方,优化部分细节页面样式。让设计参与测试不仅能提高内测的质量,还能更早的发现问题并及时的修改,否则当页面提交开发以后再做修改是一件很麻烦的事情。当所有细节修改完毕后,就需要进行制作文件的优化以确保代码的最优化,尽可能地压缩图片和减少外部HTTP请求。

整站建设优质服务商

整站建设方案
免费预约
服务时间:周一至周日9:00—22:00
提供一站式众包服务
立即发布悬赏