前端开发流程---我们应该做些什么

一、拿到原型图,先自我解析需求,画出思维导图,流程图

    1. 在未拿到UI给定的PSD时,可以先理清我们的需求

      1. 依赖的外部资源

        1. 后端提供的接口
        2. UI出图的大概布局
        3. 后期频繁改动的地方
      2. 需要实现的效果
        1. 下拉刷新
        2. 动画效果
        3. 吸顶效果
        4. 懒加载、预加载、防抖、节流

二、产品召集项目相关人员,开需求讨论会,产品讲解原型

    1. 理解产品的需求,提出质疑:这是什么功能,怎么做,为啥这么做
    2. 评估实现难度和实现成本,是否有潜在技术问题/风险
    3. 对比自己整理的需求图,如果有和自己想的不符合的,提出疑问
    4. 理解PM提出此次需求的目的,明白哪些内容是重点,哪些次要,可以适当取舍
    5. 如果产品要求提供时间,简单项目可以预估,复杂项目不可马上给出时间,需要仔细评估,评估时间包含开发、自测、测试人员测试、修复bug、上线准备

三、会后进一步整理需求

    1. 细化细节,整理有疑问的地方,与产品、设计等其他人进行确认
    2. 评估项目完成时间--影响因素
      1. 需要的人力、 中间插入的需求、 开发、 自测、 测试人员测试、 修复bug、 上线准备、 其他风险(如技术选型错误等)
    3. 初步制定排期表

四、需求二次确认(开发中遇到不确定的,依旧需要找相关人员进行需求确认,杜绝做无用功)

    1. IM工具沟通确认
    2. 邮件确认
    3. 小型需求/项目相关讨论会
    4. 确定最终排期表

五、开发

    1. 技术选型
    2. 搭建开发环境
      1. 工具链
    3. 搭建项目架构
    4. 业务模块划分
      1. 优先级排序
      2. 新项目介入,需要当前项目和介入项目的相关负责人Pk优先级,随后调整项目排期
      3. 开发过程中发现工作量与预期有严重出入,需要尽早向其他项目人员反馈,方便其修改时间安排
    5. 定制开发规范
      1. 开发规范

        1. commit提交格式

          1. [改动文件类型]:[改动说明]
        2. 单分支开发或者多分支开发
          1. 小项目、并行开发少,则只在master主分支开发
          2. 中大项目,需求复杂,并行功能多,则需要分为master、developer、开发者分支;需要开发者自创一个分支开发,合并到developer,确认无问题后,发布到master,最后上线
      2. 代码规范
        1. jsconfig.json
        2. .postcssrc.js
        3. .babelrc
        4. .prettierrc(vscode插件prettier-code fomatter)— 注意与eslint要保持一致
        5. .editorconfig
        6. .eslintrc.js(强制开启验证模式)
      3. 源码管理
      4. 版本管理
      5. 安全管理

六、自测

    1. 手动测试
    2. 单元测试
      1. mocha
    3. 集成测试

七、提测---测试人员测试

    1. 开发人员修复bug
    2. 期间不可接手耗时大的需求
    3. 有不确定优先级高低的需求,需要各个需求方互相pk优先级,再确定做与不做,不能因此拖延项目完成点
    4. 测试修复bug时间可能比开发时间还长,因此开发者预估开发时间不能乐观

八、上线

    1. 上线准备

      1. 域名申请
      2. 备案申请
      3. 服务器申请
      4. 部署
    2. 测试线上环境
      1. 有bug回到修复bug环节
    3. 日志监控
      1. 调用栈
      2. sourcemap
      3. 本地日志
      4. 用户环境、IP
      5. 低成本接入
      6. 统计功能
      7. 报警功能

九、维护

    1. 技术创新(对现有的技术领域以及具体项目实现方法进行优化)

      1. 提高效率

        1. jenkins构建部署
      2. 减少成本
      3. 提升稳定性
      4. 安全性

原文地址:https://www.cnblogs.com/linjunfu/p/10755059.html

时间: 2024-10-07 22:51:37

前端开发流程---我们应该做些什么的相关文章

如何构建自动化的前端开发流程

我们先来看下前端开发可能存在的问题: 我们有许多的第三方库的依赖需要管理: 我们有独立的前端测试需要自动运行: 我们还有很多代码需要在发布时进行打包压缩: ?? 所以构建一个自动化的前端开发流程是非常必要的,但现在前端开发流程的构建是百花齐放,没有一个统一的标准,还有很多依赖于后端的架构来做前端开发管理.例如在Rails开发中,就有各种前端库的gem包.但是这种依赖于后端框架的管理方式有许多问题: 许多gem包的维护者并不是前端库的维护者,所以更新不一定即时: 不利于前端代码与后端代码做分离:

看大师讲解移动互联网前端开发流程

你做过移动互联网开发吗?在移动互联网超级火爆的今天,你是否也想分的一杯羹呢,来这里看大师给你讲解如何完成一款app,本文的主旨在于讲解在app的制作流程. 今天完成了完全属于自己的一款安卓应用,整个流程都是我一个人跑下来的,感觉小有成就,名字叫"长见识了",是一款趣味答题类的游戏,题目各种火爆各种经典,下载地址,看似一个简单的答题小游戏却是五脏俱全,从开发流程上都进行了严格的规范,大家有空可以下载玩玩~ 该项目虽然比较简单,但是从项目需求分析到最后的开发测试上架流程都是完备了的. 一,

搭建前端的开发环境和前端开发流程总结

一.搭建前端的开发环境 1.代码编辑工具:sublime/WebStorm/HBuilder. 2.断点调试工具:Firebug. 3.版本管理工具:Git(本人建议使用git,至于原因大家可以看看相关blog),安装完成后我们就可以从github上clone一些项目. 4.代码合并和混淆工具:webpack (Webpack具有Grunt.Gulp对于静态资源自动化构建的能力,同时兼容AMD与CMD的模块加载规范). 4.开发调试工具:NodeJs.很多非常有用的工具都是基于NodeJs的,我

系列网页。前端开发流程

实践了一段时间,发现<Freshman.前端开发流程.>里面的东西比较适合从头到尾开发一个新页面的情况,而在具体开发工作中,我们大部分时候是开发一系列网页,有一些元素(比如很多页面的top/banner部分)是类似的. 所以开发的流程可以是开始先做好第一个页面的全部,把公共部分抽取出来,然后之后的页面只要修改不同部分就好.

前端开发流程

产品经理下达任务--ui作图--前端根据ui的图做效果--与后台人员交流 工作中的流程: 早上开早会,产品经理下达命令,讲述昨天完成任务,今日目标. 关于项目中的介绍,一般有工作经验的人,常用的动态效果都会自己封装一个插件. 比如说图片轮播,翻页,tab切换页面. 移动端的项目,用***js做的,用这个js实现了什么效果,在整体页面用什么布局模式,都适配那些,如果做到适配的,介绍一个页面,从上到下,移动端会有上拉加载,下拉刷新, 要分析出这些效果是如何做的,在做这些个项目的时候是怎么解决的 (在

移动端开发者眼中的前端开发流程变迁与前后端分离

写在最开始 移动端与前端的区别 前端开发的混沌时代 后端 MVC MVC 方案实现 MVC 的缺点与改进 前端只写 Demo HTML 模板 后端 MVC 架构总结 AJAX 与前端 MVC 前后端分离的缺点 双端 MVC 不统一 SEO 性能不够 集中 Or 分离 Nodejs 前后端分离的哲学 Nodejs 分层 实战应用 风险控制 总结 参考资料 写在最开始 这是一篇面向移动端开发者的科普性文章,从前端开发的最初流程开始,结合示范代码,讨论开发流程的演变过程,希望能覆盖一部分前端开发技术栈

我们一般的前端开发流程

有些毕业生或非it行业的人,想了解真正的一个开发流程,就我个人的经验做以简单的分享,仅供参考,不是一个覆盖全行业的事实标准. 老板或甲方是一个需求的真正发起者,也是一个基础idea的梦想师,产品是需求专业化梳理或进行有效评估细化需求负责的, 而设计是前端的上游,前端是设计的下游.设计的工作目的是把产品宏观的思维结果进行专业的处理,因为按一般的习惯,产品最终的结果是原型图,而原型图可以理解为设计的草图, 对真正的用户来说,这个草图过于简单或不符合使用的操作习惯,所以需要设计师进行专业的处理,比如颜

主流的h5前端开发流程

一. 流程 设计师以750pt×1334pt尺寸进行设计(当然高度随内容变化),最后用该尺寸的设计稿进行标注.切图,前端采用flexible进行适配. 二. flexible使用方法 Flexible的使用方法非常简单,只需要引入flexible_css.js和flexible.js 下载地址 l  第一种方法将文件下载后放入项目中引用(省略写法,大家都懂的) l  第二种直接使用阿里CDN资源 <script src="http://g.tbcdn.cn/mtb/lib-flexible

[转]前端在人工智能时代能做些什么?

之前很长的一段时间内,一直在做阿里云人工智能产品 ET, 做为了一名前端工程师,参与了当中的一些工程工作,分享出来,希望对大家有所帮助. 前端工程在人工智能的团队到底能做什么,体现怎么的价值?对此,可以先下图的一个总结,然后我会逐条分析 从我们的实践看,要完成一个完整的人工智能项目,三种东西是不可或缺的:算法,数据和工程. 而前端在这三个方向种,最容易参与进去,同时也最容易做出彩的地方就是在工程方面,我们把这块内容叫做大前端. 具体的大致可以分为五块内容:人机交互,数据可视化,产品Web, 计算