江苏龙网

  1. 首页 > 生活 > >

前端的工作流程是怎么样的前端难道只眼把页面写完就万事大吉了吗

【前端的工作流程是怎么样的前端难道只眼把页面写完就万事大吉了吗】 前端开发的流程一般是这样的web前端开发 - 专栏
1、分层开发
在PRD确定后就需要进行分层开发的划分，根据项目内容的不同，划分组员的工作。大致分为，总体结构搭建、模块制作、页面制作、底层JS搭建、JS交互效果、内部测试、代码优化。这样做的好处是能根据项目的不同，划分出不同的功能模块，合理的进行人员分配，让合适的人做合适的事。降低开发成本，提高开发效率。2、代码编写前期工作准备好后，就开始进入代码编写阶段，我们采用LSM方式进行，大致流程为 prototype产出后，就进行前期的前端开发（搭建大致的HTML结构），然后设计出完设计稿后再进行页面样式的完善，最后完成正式的页面后交给开发，嵌套程序。这样做的好处不仅能有效的提高开发效率，实现逐层开发，让前端提前介入，减少整体消耗的时间，确保产品有更多的时间修改和完善。确定了流程后还需要对产品原型进行分析、拆分，把复用性高的部分找出来制作成代码模块，方便以后的套用。确认二、三级页面的风格搭建统一框架。设计拿到prototype后，就进行通用模块样式的设计（包括按钮、分页、默认字体颜色、连接颜色等），完成后并提交给前端，统一的搭建。在代码的编写过程中，最重要的是标准和规范的执行遵守，在编写HTML时候充分发挥想象尽可能的满足后期样式表现的需要。代码编写过程中让前端组提前进入开发流程中来，在prototype产出后就进行HTML结构的编写，页面设计完成后，在进行样式表的开发，这样不仅能节省很多的开发时间，提高开发效率，还能锻炼前端组的同学对全局页面的把控。在此同时也强调规范和模块化的重要性，正所谓无规矩不成方圆，在一个团队协同开发过程中，必须要严格按照规范执行，这样能便于后期维护，减少维护成本。而模块化，是敏捷开发所必需的，重要性在这里也不做过多的描述。3、内部测试与后续优化所有页面出完以后设计参与前端组的内部测试，指出页面与设计稿不匹配的地方，优化部分细节页面样式。让设计参与测试不仅能提高内测的质量，还能更早的发现问题并及时的修改，否则当页面提交开发以后再做修改是一件很麻烦的事情。当所有细节修改完毕后，就需要进行制作文件的优化以确保代码的最优化，尽可能地压缩图片和减少外部HTTP请求。总的流程结构图这套流程制定出来就一直要求所有前端组同学严格按照流程执行，也经过了很长时间的磨合跟改进。虽然不是很完美，但是很适合我们现在开发的需要，好处也是显而易见的，遵循并使用它对我们的发开有很大的帮助，能更好的应对高强度，高质量的开发需要。提高了团队的协作程度，代码更可控，开发效率更高。
■网友
题主再稍学点html和css就可以让老板把前端给开了，然后他那份工资由你来拿
■网友
通通大神说的是大公司前端的工作流程我来说说小公司只有一两个前端的工作流程 首先设计稿到手之后，选好UI框架，JS框架，模块加载工具，底层JS方法封装，ajax请求的二次封装（跨域，后台返回状态码的统一处理）； 把设计稿上公用的模块分离出来实现，然后切静态页面（主要还原设计稿，考虑兼容性），根据后台接口嵌入数据，处理页面交互功能，心情好的时候做点比较炫酷的动画效果，还有页面之间的跳转控制，有时间再考虑一下安全问题。 最后根据产品的需求更改重复上两步工作。 好吧，我承认我就是来黑产品的
■网友
这种叫美工，不叫前端
■网友
现在都是后端把接口给前端，然后前端去接。以前的话没有前端工程师只有切图的，写个静态页面。他都不写js的显然你们公司技术人员架构有点老，他只能算个切图仔，只能是你来做，而且你也没办法把他跟现在的前端工程师相比╮(╯_╰)╭


    推荐阅读


    上一篇：怎样更改 Kindle for PC 的字体

    下一篇：大家上Twitter都干啥呢