前端项目开发流程

LHH大翰仔仔 2020-11-08 16:59:03
前端 项目 开发 流程


项目完整流程

需求分析

  • 了解背景

    为什么做这个事情
  • 质疑需求是否合理

    这个需求为什么要做,是否符合我们的产品,开发也是用户
  • 需求是否闭环

    需求是否考虑全面,分析功能操作前,操作时和操作后所带来的数据变化,以及引起的对其他功能的影响
  • 开发难度如何

    最好现场评估开发中的难点之处,集思广益
  • 是否需要其他支持

    考虑某个需求是否需要其他端人员的支持,并提出
  • 不要急于给排期

    不要急于需求分析现场给排期,根据自己实际情况做好统筹兼顾

技术方案设计

  • 求简,不过度设计

    做出满足需求的基础设计即可
  • 产出文档

    更清晰设计方案中的细节,也便于之后复盘
  • 找准设计重点
  • 组内评审
  • 和 RD CRD 沟通
  • 发出会议结论

开发

  • 如何反馈排期

    预留风险时间,最好多出 1/4 时间;
    考虑其他插入工作
    考虑其他依赖人员的排期
  • 符合开发规范

    git 规范
    注释规范
    模块组件规范
  • 写出开发文档

    公共 API
    公共 UI 组件
    公共函数方法
  • 及时单元测试

    单元测试是检验代码质量的重要工具
  • Code Review

    Code Review 不仅仅是去看对方的代码写得规不规范、细节上有没有小问题,更多的是:

    1. 暂时忘记对方的代码,如果让你来实现这个需求,你会如何设计,跟对方的设计思路一致么?差异在哪里?谁的更优?
    2. 暂时忘记具体的需求(或者你原本就不知道需求),看着对方的代码,是否能够理解他想完成一件什么事情么?他理解需求了么?他完成的好么?
其实 CR 就是对设计和实现的再次确认,在反复较量的过程中,相互学习和成长。如果以上两个问题存在否定的答案,那就有必要好好写写 CR 评语了。
  • Mock API | 模拟数据

联调

  • 和 RD CRD 技术联调
  • 让 UE 确定视觉效果
  • 让 PM 确定产品功能
PM 加需求怎么办?
  • 不能拒绝
  • 按照公司规定,走流程变更流程
  • 否则,项目组和 leader 重新评审,重新评估排期


测试

  • 提测发邮件,抄送项目组
  • 测试问题要详细记录
  • 避免 QA 和 FE 信息不对称,有问题要及时沟通

上线

  • 上线之后及时通知 QA 回归测试
  • 上线之后及时同步给 PM 和项目组
  • 如有问题,及时回滚。先止损,再排查问题
版权声明
本文为[LHH大翰仔仔]所创,转载请带上原文链接,感谢
https://segmentfault.com/a/1190000037762613

  1. [front end -- JavaScript] knowledge point (IV) -- memory leakage in the project (I)
  2. This mechanism in JS
  3. Vue 3.0 source code learning 1 --- rendering process of components
  4. Learning the realization of canvas and simple drawing
  5. gin里获取http请求过来的参数
  6. vue3的新特性
  7. Get the parameters from HTTP request in gin
  8. New features of vue3
  9. vue-cli 引入腾讯地图(最新 api,rocketmq原理面试
  10. Vue 学习笔记(3,免费Java高级工程师学习资源
  11. Vue 学习笔记(2,Java编程视频教程
  12. Vue cli introduces Tencent maps (the latest API, rocketmq)
  13. Vue learning notes (3, free Java senior engineer learning resources)
  14. Vue learning notes (2, Java programming video tutorial)
  15. 【Vue】—props属性
  16. 【Vue】—创建组件
  17. [Vue] - props attribute
  18. [Vue] - create component
  19. 浅谈vue响应式原理及发布订阅模式和观察者模式
  20. On Vue responsive principle, publish subscribe mode and observer mode
  21. 浅谈vue响应式原理及发布订阅模式和观察者模式
  22. On Vue responsive principle, publish subscribe mode and observer mode
  23. Xiaobai can understand it. It only takes 4 steps to solve the problem of Vue keep alive cache component
  24. Publish, subscribe and observer of design patterns
  25. Summary of common content added in ES6 + (II)
  26. No.8 Vue element admin learning (III) vuex learning and login method analysis
  27. Write a mini webpack project construction tool
  28. Shopping cart (front-end static page preparation)
  29. Introduction to the fluent platform
  30. Webpack5 cache
  31. The difference between drop-down box select option and datalist
  32. CSS review (III)
  33. Node.js学习笔记【七】
  34. Node.js learning notes [VII]
  35. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  36. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  37. 【JQuery框架,Java编程教程视频下载
  38. [jQuery framework, Java programming tutorial video download
  39. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  40. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  41. 【Vue,阿里P8大佬亲自教你
  42. 【Vue基础知识总结 5,字节跳动算法工程师面试经验
  43. [Vue, Ali P8 teaches you personally
  44. [Vue basic knowledge summary 5. Interview experience of byte beating Algorithm Engineer
  45. 【问题记录】- 谷歌浏览器 Html生成PDF
  46. [problem record] - PDF generated by Google browser HTML
  47. 【问题记录】- 谷歌浏览器 Html生成PDF
  48. [problem record] - PDF generated by Google browser HTML
  49. 【JavaScript】查漏补缺 —数组中reduce()方法
  50. [JavaScript] leak checking and defect filling - reduce() method in array
  51. 【重识 HTML (3),350道Java面试真题分享
  52. 【重识 HTML (2),Java并发编程必会的多线程你竟然还不会
  53. 【重识 HTML (1),二本Java小菜鸟4面字节跳动被秒成渣渣
  54. [re recognize HTML (3) and share 350 real Java interview questions
  55. [re recognize HTML (2). Multithreading is a must for Java Concurrent Programming. How dare you not
  56. [re recognize HTML (1), two Java rookies' 4-sided bytes beat and become slag in seconds
  57. 【重识 HTML ,nginx面试题阿里
  58. 【重识 HTML (4),ELK原来这么简单
  59. [re recognize HTML, nginx interview questions]
  60. [re recognize HTML (4). Elk is so simple