前端必备的【项目知识】

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

项目角色

前端开发相关的角色

  • 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(测试人员) 提供设备
目录
相关文章
|
2月前
|
前端开发 JavaScript 定位技术
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
文章介绍了如何在前端项目中注册并使用高德地图API,包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记(Marker)和覆盖物(Circle)。
71 1
|
9天前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
3月前
|
前端开发 Java 编译器
【前端学java】java基础练习缺少项目?看这篇文章就够了!(完结)
【8月更文挑战第11天】java基础练习缺少项目?看这篇文章就够了!(完结)
38 0
|
29天前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
97 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
9天前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
|
15天前
|
前端开发 JavaScript 开发工具
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
27 0
|
15天前
|
Web App开发 前端开发 JavaScript
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
36 0
|
15天前
|
Web App开发 移动开发 前端开发
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
35 0
|
16天前
|
前端开发 API 开发者
🥇前端宝藏:多项目掌握技能的冒险之旅🏆
在前端开发的学习旅程中,实践是提升技能的关键。本文介绍了多个前端项目,包括计算器、天气应用、经典游戏等,涵盖了从React到Svelte的各种技术栈。每个项目都附有在线演示和源代码,旨在帮助读者深入理解实现细节,激励更多人参与实际项目开发。通过这些项目,读者可以将理论知识转化为实践,拓展职业机会。
13 0
|
19天前
|
前端开发 JavaScript
轻松上手:基于single-spa构建qiankun微前端项目完整教程
轻松上手:基于single-spa构建qiankun微前端项目完整教程
32 0