当前位置: 首页 > news >正文

前端项目开发流程

一 参加需求对称(评审)会议

时间:在产品设计完成以后,进入正式的开发流程之前
组织者:产品&项目经理
目的:统一大家对产品的认识,及时发现产品设计缺陷,尽可能降低后续修改需求的频率
参与者:产品,项目经理(有的话),小组长/小领导,后端开发、前端开发、交互设计(有的话)、视觉设计(有的话);需求来源方(有可能的话)
形式:会议

二 自行需求分析梳理

主要是分析关键功能、应用场景等;基本上在需求评审和分析阶段就对项目的整体实现方案有个基础设计;
对核心功能的实现难度有个清晰的认识、方案不清楚的时候需要提前做好技术调研;
一方面可以给出一个比较准确的排期;另一方面避免了自己在真正开发的时候遇到难以解决的方案,推倒重来,非常狼狈

举例:需要实现7个tab的table数据展示,包括分页及排序功能,其中对其中1个tab的表格某字段进行排序,其他几个tab的表格数据也跟着排好。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 研究竞品/类似功能是如何实现的
    如:实现多个表格联动排序
    前端通过请求1个接口接收7个tab的数据,在前端实现分页排序。
    在这里插入图片描述

    得出实现思路:7个tab表格数据放到1个tableData

  2. 网上搜索/项目代码里面查找/自行思考类似功能如何实现:
    如:实现表格分页展示
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  1. 备忘:
    和后端沟通,敲定通过1个接口请求7个tab表格数据方案是否可行

三 拆分任务&定排期

  1. 产品在需求管理网站上建需求,小组长分配任务
  2. 后端、前端分别拆分任务,进行排期

四 参加迭代设计会议

  1. 产品展示完整原型,确认要做的需求
  2. 后端展示接口设计
  3. 敲定排期

五 开发阶段

按排期开发,中间有任务延期合理评估,如有需要提前通知各方(小组长、后端、测试、产品);
中途测试方会有测试用例文档产出,尽可能留意,完善开发细节点,后续也可以参照测试用例文档适当自测

六 测试阶段

开发进行自测后提测,提前预留修改bug时间

七 产品验收阶段

提前预留修改验收问题时间

八 上线

处理分支代码,前端负责人review代码,处理分支(合并分支等),部署上线

九 参加迭代回顾会议

测试输出文档,全员参加

相关文章:

前端项目开发流程

一 参加需求对称(评审)会议 时间:在产品设计完成以后,进入正式的开发流程之前 组织者:产品&项目经理 目的:统一大家对产品的认识,及时发现产品设计缺陷,尽可能降低后续修改需求的频率 参与者&#xff…...

MybatisPlus逆向工程入门指南:让你的开发更高效、更简洁、更优雅

学会了,可以看看这篇文章:更新中~ 正向工程:先创建Java实体类,由框架负责根据实体类生成数据库表。Hibernate是支持正向工程的。 逆向工程:先创建数据库表,由框架负责根据数据库表,反向生成如下…...

通用商城项目(下)

记录一些踩坑的地方,以及理顺一些思路。 通过管理系统页面,完成商品属性分组和商品属性(基本属性)关联维护 属性表 与 属性组表 的功能完善:显示属性组与属性表的一对多关系 前端 1. 引入组件,是否显示使…...

k8s集群使用ingress转发grafana服务

文章目录 前言一、思路二、grafana准备1. grafana-configmap.yaml2. grafana.yaml 三、ingress准备1. ingress.yaml2. grafana-externalname.yaml3. ingress-nginx-controller 四、 本机host文件准备五、访问测试 前言 在k8s集群中,使用ingress服务转发grafana的页…...

MongoDB的备份和恢复

工具 mongodump 和 mongorestore是MongoDB自带的备份恢复工具。 参考文章 ## https://blog.csdn.net/GUDUzhongliang/article/details/131915625## https://blog.csdn.net/mingongge/article/details/130695422 备份 mongodump 参数 -h, --host<hostname> …...

Pytorch学习笔记(GPU训练)

GUP训练 配置pytorch的gup版本主要是在网络模型、输入和标记的数据、损失函数 方式一 直接.cuda()调用&#xff0c;在原有的模型训练代码中的网络模型、输入和标记的数据、损失函数部分直接调用即可 方式二 事先定义好设备device,然后直接.to(device)调用&#xff0c;在原…...

一款开源的shell脚本分析工具

大家好&#xff0c;今天分享一款开源工具--shellcheck。 shellcheck 简介 今天发现的一款神器&#xff0c;如果你日常会接触到shell脚本&#xff0c;或者说自己需要写一些shell脚本&#xff0c;那么强烈建议你用下这个工具。 shellcheck一个静态的shell脚本分析工具&#xf…...

HTML <video> 标签

实例 一段简单的 HTML5 视频: <video src="movie.ogg" controls="controls"> 您的浏览器不支持 video 标签。 </video>定义和用法 <video> 标签定义视频,比如电影片段或其他视频流。 浏览器支持 元素ChromeIEFirefoxSafariOpera&l…...

mac 本地运行 http-proxy-middleware ,请求超时

const http require(http)"/customer": {target: "http://10.10.111.192:8080/",// target: "http://user.jinfu.baohan.com/",changeOrigin: true, // 是否启用跨域// 解决mac 代理超时问题headers: {Connection: "keep-alive"},// …...

【Effective Python】读书笔记-05类与接口

1. 让组合起来的类来实现多层结构&#xff0c;不用使用嵌套的内置类型 2. 让简单的接口接收函数&#xff0c;而不是类的实例 from collections import defaultdictcurrent {a: 1,b: 2,c: 3, }add_to_current {f: 4,e: 5, }def increment():count 0def missing():nonlocal …...

【办公自动化】用Python在Excel中查找并替换数据(文末送书)

&#x1f935;‍♂️ 个人主页&#xff1a;艾派森的个人主页 ✍&#x1f3fb;作者简介&#xff1a;Python学习者 &#x1f40b; 希望大家多多支持&#xff0c;我们一起进步&#xff01;&#x1f604; 如果文章对你有帮助的话&#xff0c; 欢迎评论 &#x1f4ac;点赞&#x1f4…...

python学习随笔3

range的使用 range()在python很常用&#xff0c;可以进行初始化和遍历等。 # range(st,ed) # [st, ed)# range(st,ed,step) # range(st, ed, step) i,i step, i 2 * step ... () < ed切片 跟range类似。 ll[st:ed:step]容器 元组 python中的元组中内容不可以进行更…...

《TCP/IP网络编程》阅读笔记--epoll的使用

1--epoll的优点 select()的缺点&#xff1a; ① 调用 select() 函数后针对所有文件描述符的循环语句&#xff1b; ② 调用 select() 函数时需要向操作系统传递监视对象信息&#xff1b; epoll()的优点&#xff1a; ① 无需编写以监视状态变化为目的的针对所有文件描述符的循环语…...

Python 递归函数

视频版教程 Python3零基础7天入门实战视频教程 在一个函数体内调用它自身&#xff0c;被称为函数递归。函数递归包含了一种隐式的循环&#xff0c;它会重复执行某段代码&#xff0c;但这种重复执行无须循环控制。 实例&#xff0c;求123…100的和&#xff0c;用递归实现。数学…...

Java实现计算两个日期之间的工作日天数

需求&#xff1a; 需要在后端实现 计算当前日期与数据库内保存的日期数据之间相隔的工作日数目 实现 import java.time.DayOfWeek; import java.time.LocalDateTime;public class WorkdaysCalculator {public static void main(String[] args) {String givenDateTimeStr &q…...

CS5817规格书|CS5817芯片参数|多功能便携式显示器方案芯片规格

CS5817支持最高4K 60Hz是集睿致远&#xff08;ASL&#xff09; 新推出的多功能显示控制器芯片&#xff0c;CS5817产品可应用于便携显示器、电竞显示器、桌面显示器、一体式台式机和嵌入式显示系统。 Type-C/DP/HDMI2.0输入转LVDS/eDP/VBO 芯片, 高度集成了多种输入输出接口, 并…...

2023面试知识点一

1、新生代和老年代的比例 默认的&#xff0c;新生代 ( Young ) 与老年代 ( Old ) 的比例的值为 1:2 ( 该值可以通过参数 –XX:NewRatio 来指定 )&#xff0c;即&#xff1a;新生代 ( Young ) 1/3 的堆空间大小。老年代 ( Old ) 2/3 的堆空间大小。其中&#xff0c;新生代 ( …...

【算法题】2856. 删除数对后的最小数组长度

题目&#xff1a; 给你一个下标从 0 开始的 非递减 整数数组 nums 。 你可以执行以下操作任意次&#xff1a; 选择 两个 下标 i 和 j &#xff0c;满足 i < j 且 nums[i] < nums[j] 。 将 nums 中下标在 i 和 j 处的元素删除。剩余元素按照原来的顺序组成新的数组&…...

Java面向对象编程

在关系型是数据库中&#xff0c;有两个不同的事务同时操作数据库中同一表的同一行&#xff0c;不会引起冲突的是&#xff1a; A. 其中一个DELETE操作&#xff0c;一个是SELECT操作 B. 其中两个都是UPDATE C. 其中一个是SELECT&#xff0c;一个是UPDATE D. 其中一个SELECT E. 其…...

K8S:Yaml文件详解及编写示例

文章目录 一.Yaml文件详解1.Yaml文件格式2.YAML 语法格式 二.Yaml文件编写及相关概念1.查看 api 资源版本标签2.yaml编写案例&#xff08;1&#xff09;相关标签介绍&#xff08;2&#xff09;Deployment类型编写nginx服务&#xff08;3&#xff09;k8s集群中的port介绍&#x…...

专业指南:高效在ARM设备上运行x86_64程序的完整解决方案

专业指南&#xff1a;高效在ARM设备上运行x86_64程序的完整解决方案 【免费下载链接】box64 Box64 - Linux Userspace x86_64 Emulator with a twist, targeted at ARM64, RV64 and LoongArch Linux devices 项目地址: https://gitcode.com/gh_mirrors/bo/box64 你是否正…...

开源任务恢复工具openclaw-task-recovery:轻量级断点续做解决方案

1. 项目概述&#xff1a;一个关于任务恢复的开源工具最近在整理自己的自动化脚本和任务调度系统时&#xff0c;遇到了一个老生常谈但又非常棘手的问题&#xff1a;任务中断后的恢复。无论是数据处理流水线、爬虫任务&#xff0c;还是长时间运行的批处理作业&#xff0c;网络抖动…...

JIT只适合大厂?精益生产中小厂JIT落地技巧,不用大投入也能降库存!

提到精益生产JIT准时化生产&#xff0c;很多中小厂管理者都会陷入一个固有认知&#xff1a;JIT是大厂的专属工具&#xff0c;只有资金充足、供应链完善、管理规范的大厂&#xff0c;才能推行JIT&#xff1b;中小厂规模小、资金有限、供应链不稳定&#xff0c;推行JIT不仅需要大…...

在Windows电脑上体验酷安社区:酷安UWP桌面版完全指南

在Windows电脑上体验酷安社区&#xff1a;酷安UWP桌面版完全指南 【免费下载链接】Coolapk-UWP 一个基于 UWP 平台的第三方酷安客户端 项目地址: https://gitcode.com/gh_mirrors/co/Coolapk-UWP 你是否曾经想过&#xff0c;如果能在电脑上刷酷安会是怎样的体验&#xf…...

PyODBC:如何用Python一站式连接所有主流数据库?

PyODBC&#xff1a;如何用Python一站式连接所有主流数据库&#xff1f; 【免费下载链接】pyodbc Python ODBC bridge 项目地址: https://gitcode.com/gh_mirrors/py/pyodbc 你是否遇到过这样的困境&#xff1a;公司项目需要连接SQL Server&#xff0c;个人项目要用MySQL…...

MFC深入-MFC和win32

MFC和Win32 MFC Object和Windows Object的关系 MFC中最重要的封装是对Win32 API的封装&#xff0c;因此&#xff0c;理解Windows Object和MFC Object (C对象&#xff0c;一个C类的实例)之间的关系是理解MFC的关键之一。所谓Windows Object&#xff08;Windows对象&#xff09;是…...

从零开始使用Taotoken为你的爬虫项目添加AI解析功能

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 从零开始使用Taotoken为你的爬虫项目添加AI解析功能 在数据采集项目中&#xff0c;我们常常会遇到非结构化或半结构化的网页内容。…...

使用Taotoken平台后API调用延迟与稳定性的实际体感观察

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 使用Taotoken平台后API调用延迟与稳定性的实际体感观察 1. 迁移背景与初始考量 我们团队的一个内部知识库问答应用&#xff0c;原…...

README智能生成工具:从项目分析到自动化文档的工程实践

1. 项目概述&#xff1a;一个为README注入灵魂的智能工具在开源社区和日常开发中&#xff0c;README文件的重要性不言而喻。它不仅是项目的门面&#xff0c;更是连接开发者与用户、贡献者之间的第一座桥梁。然而&#xff0c;有多少次&#xff0c;我们面对一个功能强大但文档寥寥…...

2024必看!AI写教材的实用工具,一键生成20万字教材且低查重!

编写教材难题与AI工具解决方案 编写教材&#xff0c;如何更好地适应多样化需求呢&#xff1f;不同年级学生的认知能力差异显著&#xff0c;内容过于深入或过于浅显都会造成困扰&#xff1b;在课堂教学和自主学习等多种场景中&#xff0c;教材的呈现方式需要灵活调整&#xff1…...