09oa 项目阶段性总结与报告
个人总结
学的东西其实并没有之前多。
对 typescript 的掌握更加深入
- 学会重新覆盖掉第三方库提供的类型声明，实现自定义拓展。
- 逐步熟悉用 typescript 封装简单的工具。
- 掌握 typescript 的泛型。
习惯看源码解决问题
- 遇到复杂的，边缘性的问题时，能够看源码理解运行逻辑，并解决问题。
- 能够阅读 vueuse、element-plus 源码。
- 能够为某个小的 vite 插件复现运行 bug。
axios 封装
- 掌握大多数 axios 封装的基础写法。能够看懂大多数 axios 封装的博客文章。
- 掌握拦截器的封装。
类型化路由
- 学会使用基于文件目录生成的路由。为学习 nuxt 技术打基础。
反向代理
- 学会 vite 反向代理配置和 axios 的 baseUrl 之间的关系，并完成反向代理。
- 学会 vercel 的反向代理。
环境变量
- 掌握项目内制作自定义环境变量的技术。能够用自定义环境变量完成特殊场景的全局变量配置。
- 学会 node 添加额外运行参数的技术。并运用 node 运行参数来读取指定路径下的环境变量。
node
- 学会简单的 node 运行参数的自定义与获取。
- 学会用 glob 语法遍历文件。
- 学会使用项目内相对根目录的使用。
团队总结
做得好的
- 定期会议，并整合代码。
- 及时通知公告公共组件。
- 会议内及时地统一解决其他组员遇到的问题。
- 明确的文件目录划分。
- 立刻使用 apifox 实现前后端接口联调。
做不好的
- 接口联调的安排周期太慢了。
- 前后端沟通不及时。
- 业务讲解不够及时。
对 01 星球团队的建议
提前开始前后端联调
本次项目明显感受到前后端接口联调的时间，来的太晚了。
应该在项目中期的时候，就应该保证服务器准备就绪，就应该保证后端接口能够上线，前端项目能够上线。
要尽快进入到联调阶段。联调是最耗费时间的，和人沟通是最耗时的。要将耗时的步骤提前到项目中期。
将 apifox 纳入到项目内
apifox 有效地实现了前端的 mock 开发，提高了前端的效率。前端可以在最开始的时候，了解到需要对接的接口数目，字段情况。
前端不应该在假数据上面耗费时间，应该直接使用 apifox 生成的接口。
建议如下：
- 培训后端如何导入接口，生成字段。并维护这些文档。
- 培训前端如何使用 mock 接口，如何生成代码，学会阅读接口文档。
- 由阿伟本人新建一个 apifox 项目，将全部人加入到本项目。未来的大项目内，apifox 和云效是两个同步使用的工具。apifox 是前后端接口联调的工具，云效是项目管理的工具。
将前端嵌入到后端小组内
前后端对业务的理解会有误解的。不可能等到前后端联调的时候才发现业务理解有偏差。
建议大胆地，将前端成员混合到后端小组内。扁平化开发团队。
贡献者
ruan-cat