前端必备的【项目知识】

简介: 前端必备的【项目知识】

项目角色

前端开发相关的角色

  • PM 产品经理
  • UE 视觉设计师
  • FE 前端开发
  • RD 后端开发
  • CRD 移动端开发
  • QA 测试人员

项目流程

需求分析

  • 了解背景(为什么有这个需求?)
  • 质疑需求是否合理(避免不合理的需求,导致后期需求变更,前期开发白费)
  • 需求是否闭环(需求是否考虑全面,是否满足了客户的真实需求,新增的需求要能发挥预期效用,如评论点赞后还需排序,点赞多的评论上浮)
  • 开发难度如何(需求上的小妥协,节省巨大的开发成本)
  • 是否需要其他支持(如其他开发人员/部门配合等)
  • 不要急于给排期(会上不要给,会后找相关领导同事交流协商,自己做好充分的评估后再给)

技术方案设计

  • 求简,不过度设计
  • 产出文档
  • 找准设计重点(数据结构设计、组件设计、和其他部分的通讯和数据对接)
  • 组内评审(集合大家的智慧,分析是否有更好的解决方案,是否存在安全隐患、性能影响等,是否存在现成代码/工具可以参考使用等)
  • 和相关开发人员沟通,确定技术配合的最终方案,如 RD(后端开发) CRD (移动端开发)
  • 发出会议结论(可能是正式文档/聊天记录,这是一种证据,避免后期出现设计问题,个人背锅,也避免后续开发其他成员不配合,无据可依)

开发

反馈排期的技巧

  1. 要预留一些时间来应对特殊情况,如生病、突发事件等。
    举例:开发时长为 4天,反馈排期为 5 天。
  2. 要考虑其他并行的工作内容,若其他项目的开发任务
  3. 考虑需要依赖其他开发成员开发进度的情况,要结合依赖方的排期,来拟定自己的排期。

符合开发规范

编程语言相应的开发规范,注释的规范,模块的规范……

编写开发文档

及时单元测试

Mock API 模拟接口

Code Review 代码走查

请经验更丰富的同事,对自己的代码进行检查

联调

  • 和 RD( 后端开发) CRD(移动端开发) 技术联调
  • 让 UE (视觉设计师)确定视觉效果
  • 让 PM(产品经理) 确定产品功能

测试

  • 提测发邮件,抄送项目组
  • 测试问题要详细记录(最好是有在线的 bug 管理工具)
  • 有问题及时沟通,QA(测试人员) 和 FE(前端开发) 天生信息不对称

上线

  • 上线之后及时通知 QA 回归测试
  • 上线之后及时同步给 PM 和项目组
  • 如有问题,及时回滚。先止损,再排查问题

项目沟通

  • 多人协作,沟通是最重要的事情(比需求分析,开发等等都要重要!)
  • 每日一沟通(如站会),有事说事,无事报平安
  • 及时识别风险,及时汇报

常见问题

开发联调期间 PM(产品经理)加需求

不拒绝,但需走需求变更流程(若公司有规定,则按规定走,若没有规定,则发起项目组和leader的评审,重新评估排期)

测试人员发现 bug,但自己的电脑无法复现

  • 不要说 “我电脑没问题呀!"
  • 出现bug,当面讨论,让 QA (测试人员)帮你复现,如果需要特定设备才能复现,让 QA(测试人员) 提供设备
目录
相关文章
|
3月前
|
前端开发 JavaScript 定位技术
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
文章介绍了如何在前端项目中注册并使用高德地图API,包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记(Marker)和覆盖物(Circle)。
102 1
|
24天前
|
监控 前端开发 数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库,旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入,帮助开发者轻松实现3D场景与React项目的无缝融合。
93 8
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
141 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
28天前
|
前端开发 测试技术
前端工程化的分支策略要如何与项目的具体情况相结合?
前端工程化的分支策略要紧密结合项目的实际情况,以实现高效的开发、稳定的版本控制和顺利的发布流程。
27 1
|
1月前
|
前端开发 Unix 测试技术
揭秘!前端大牛们如何高效管理项目,确保按时交付高质量作品!
【10月更文挑战第30天】前端开发项目涉及从需求分析到最终交付的多个环节。本文解答了如何制定合理项目计划、提高团队协作效率、确保代码质量和应对项目风险等问题,帮助你学习前端大牛们的项目管理技巧,确保按时交付高质量的作品。
37 2
|
2月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
703 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
2月前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
|
2月前
|
前端开发 JavaScript 开发工具
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
43 0
|
2月前
|
Web App开发 前端开发 JavaScript
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
56 0
|
2月前
|
Web App开发 移动开发 前端开发
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
60 0