前端必备的【项目知识】

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

项目角色

前端开发相关的角色

  • 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(测试人员) 提供设备
目录
相关文章
|
7天前
|
前端开发 JavaScript 定位技术
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
文章介绍了如何在前端项目中注册并使用高德地图API,包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记(Marker)和覆盖物(Circle)。
23 1
|
2月前
|
前端开发 Java 编译器
【前端学java】java基础练习缺少项目?看这篇文章就够了!(完结)
【8月更文挑战第11天】java基础练习缺少项目?看这篇文章就够了!(完结)
34 0
|
2月前
|
JavaScript 前端开发 Java
SpringBoot + Vue 前端后分离项目精进版本
这篇文章详细介绍了一个基于SpringBoot + Vue的前后端分离项目的搭建过程,包括前端Vue项目的初始化、依赖安装、页面创建和路由配置,以及后端SpringBoot项目的依赖添加、配置文件修改、代码实现和跨域问题的解决,最后展示了项目运行效果。
SpringBoot + Vue 前端后分离项目精进版本
|
2月前
|
前端开发 JavaScript
在 Vue3 + ElementPlus 项目中使用 computed 实现前端静态分页
本文介绍了在Vue3 + ElementPlus项目中使用`computed`属性实现前端静态分页的方法,并提供了详细的示例代码和运行效果。
104 1
在 Vue3 + ElementPlus 项目中使用 computed 实现前端静态分页
|
2月前
|
前端开发 Java 编译器
【前端学java】java基础练习缺少项目?看这篇文章就够了!(17)
【8月更文挑战第11天】java基础练习缺少项目?看这篇文章就够了!
28 0
【前端学java】java基础练习缺少项目?看这篇文章就够了!(17)
|
2月前
|
开发者 C# C++
揭秘:如何轻松驾驭Uno Platform,用C#和XAML打造跨平台神器——一步步打造你的高性能WebAssembly应用!
【8月更文挑战第31天】Uno Platform 是一个跨平台应用程序框架,支持使用 C# 和 XAML 创建多平台应用,包括 Web。通过编译为 WebAssembly,Uno Platform 可实现在 Web 上运行高性能、接近原生体验的应用。本文介绍如何构建高效的 WebAssembly 应用:首先确保安装最新版本的 Visual Studio 或 VS Code 并配置 Uno Platform 开发环境;接着创建新的 Uno Platform 项目;然后通过安装工具链并使用 Uno WebAssembly CLI 编译应用;最后添加示例代码并测试应用。
52 0
|
2月前
|
前端开发 开发者 Apache
揭秘Apache Wicket项目结构:如何打造Web应用的钢铁长城,告别混乱代码!
【8月更文挑战第31天】Apache Wicket凭借其组件化设计深受Java Web开发者青睐。本文详细解析了Wicket项目结构,帮助你构建可维护的大型Web应用。通过示例展示了如何使用Maven管理依赖,并组织页面、组件及业务逻辑,确保代码清晰易懂。Wicket提供的页面继承、组件重用等功能进一步增强了项目的可维护性和扩展性。掌握这些技巧,能够显著提升开发效率,构建更稳定的Web应用。
76 0
|
2月前
|
前端开发 程序员 API
从后端到前端的无缝切换:一名C#程序员如何借助Blazor技术实现全栈开发的梦想——深入解析Blazor框架下的Web应用构建之旅,附带实战代码示例与项目配置技巧揭露
【8月更文挑战第31天】本文通过详细步骤和代码示例,介绍了如何利用 Blazor 构建全栈 Web 应用。从创建新的 Blazor WebAssembly 项目开始,逐步演示了前后端分离的服务架构设计,包括 REST API 的设置及 Blazor 组件的数据展示。通过整合前后端逻辑,C# 开发者能够在统一环境中实现高效且一致的全栈开发。Blazor 的引入不仅简化了 Web 应用开发流程,还为习惯于后端开发的程序员提供了进入前端世界的桥梁。
48 0
|
2月前
|
前端开发 JavaScript 编译器
【性能革命】Angular Ivy编译器:一场前端开发者的极速盛宴,揭秘应用瘦身与提速的黑科技,让你的Angular项目焕发新生的终极指南
【8月更文挑战第31天】Angular Ivy编译器是Angular团队推出的更新,旨在改善应用性能,减少构建时间和代码量。自Angular 9起,Ivy成为默认编译器。本文通过案例分析,介绍Ivy的工作原理及其优势。以一个复杂应用为例,展示了Ivy如何通过减少生成的JavaScript代码量、优化模板表达式解析等方式提升性能。通过创建示例项目并比较启用与未启用Ivy的构建结果,证明了Ivy在构建速度和文件大小上的显著改进,同时提高了运行时性能。这对于追求高性能和快速开发的应用至关重要。
25 0
|
2月前
|
数据采集 资源调度 JavaScript
Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
【8月更文挑战第4天】Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
38 5
下一篇
无影云桌面