Zest-Zhang
commented
2 years ago 感谢分享
Open xccjk opened 2 years ago
Zest-Zhang
commented
2 years ago 感谢分享
xccjk
commented
2 years ago 一般到了项目提测阶段，基本都是整体流程完整无阻塞了，很多开发人员就会认为闲下来了，除了一些修修补补的事情，基本就等着发版了，然后等待下个需求再开始进入开发。
很多人陷入了这种怪圈，就像一个没有感情的需求机器，不停的写新需求，没有对每次的需求有一个清晰的思考。在这时，我们应该怎么更进一步？
总结下来就是下面几点：
xccjk
commented
1 year ago 根据需求和UI开发完后，需要自测功能点后才提测，这个阶段有什么需要注意的点？
开发完成后，一般需要按照下面的几步来完成功能自测：
+10或者-5这种形式，加展示为绿色、减展示为红色等。还有数据取值的异常兼容，比如值正常是数组，但是没值时返回了null或者字段直接没返回这种情况，在代码中取值时也需要考虑到总结下来就是下面这几点：
常见开发流程
常见的产品开发流程： 需求评审 -> 任务拆解 -> 项目开发 -> 项目测试 -> 发布上线
前端的开发流程： 初始化项目 -> 静态页面开发 -> 接口联调 -> 项目提测 -> bug修改及回归测试 -> 预发布 -> 发布上线 -> 项目复盘
那么，在开发的每个阶段，前端都可以搞什么事呢？
初始化项目阶段
在这个阶段，我们可以搞什么事情来提高效率？那就是定制一个符合自己业务需求的cli工具来初始化项目。
历史早起的前端项目，通常是直接在项目文件夹中写HTML和JavaScript的。在现在，我们为了开发效率，常常使用框架进行开发，常见的比如React、Vue等。框架本身提供了cli工具来让我们初始化项目，比如create-react-app、vue-cli等，那我们为什么需要自己定制cli工具来初始化项目呢？
通用的三方cli工具，是大而全的，基本你想要有的功能它都有考虑到，但是，我们很多时候并不需要这么强大且复杂的功能。
使用三方cli工具带来的缺点：
所以，我们需要自定义符合自己需求的cli工具来快速的创建项目，支持多种项目模板，强业务逻辑内置，并且方便后续的升级维护。
自定义cli所需要的功能：
静态页面开发阶段
常常在想一个问题，前端真的只是”资源“么，就是写页面的机器么。相信每个人都不想做成这样吧！那么，我们怎么避免这种问题的出现
在页面开发阶段，有什么可以快速提高效率的方式嘛？我想应该是有的，而且大家也在经常的使用。我觉得主要在这两个方面：
相信很多人在写静态页面的时候遇到过这样的问题：
对于上面的问题，前端应该怎么解决？
mock的几个阶段：
mock.js之类的三方包来生成mock数据，在本项目调用组件库的几个阶段：
接口联调阶段
在接口联调阶段，有哪些是经常遇到的问题。想想常见的，应该有以下几种问题：
问：前端内部接口请求不统一，请求方式多种多样
答：在项目模板模板中封装统一的请求方式
request.ts，按照后端规范定义不同code码对应的逻辑及含义问：新项目，后端接口请求跨域
答：针对跨域问题，前端配置对应
host文件，后端也配置相关跨域端口规则问：后端接口服务经常挂
答：开发阶段，可能接口频繁改动频繁发布，导致联调不顺畅。一般可以通过约定发布频率，比如没小时一起发布一次，或者通过部署多台服务器来解决
问：接口字段总是更改，导致前端报错
答：接口字段被后端改了后导致前端报错的问题相信前端都遇到过，那么怎么快速发现这种问题呢？我想，前端这边可以通过
TypeScript或者prop-types来定义返回类型来快速发现问题，避免背锅