7月总结

月度工作问题记录

• AntDesign 问题：
  • width 莫名被撑开问题和处理；
  • Tab 组件 onChange 的坑
• umijs 使用问题：
  • model 层 state 数据获取
    • reducer 内获取 state
    • effects 内获取 state，改变 state：
      • 使用 select，注意拿到的数据是全局所有 state
      • 使用 put，注意不用再带 namespace 名字了
  • url 参数获取的 hook：useLocation
• Bug 复盘：
  • 加紧开发完成，进入自测联调阶段；
  • 对照需求，确认是否遗漏/误解
  • 对照测试点，确定是否正确
  • 场景遗漏：异常页面，异常场景和提示
  • 项目默认配置问题：默认接口配置，默认全局提示，后台面包屑配置等
  • UI问题：后台UI规范，移动端高保真
• 升级 umijs 的 MFSU 遇到问题，通过提 issue 解决

• TypeScript & Redux 中导出的数据类型定义问题：

export default connect(mapStateToProps, mapDispatchToProps)(Player as React.ComponentType<PlayerPropsClass>);

• CSS 和布局
  • width: fit-content 结合 margin: auto 实现居中
  • 图标元素居中：justify-content: center; align-items: center;
  • Flex 让子元素不随着兄弟元素撑开高度：align-self: base-line;
• React-dnd 使用方式 React-DND，对比 react-beautiful-dnd 的优点
  • 利用浏览器原生
  • 拖拽时的浮层，前者是生成一个图片，后者是直接为div，性能而言前者要好
• 性能优化：
  • 不要在 list 上使用 deepClone，而是要在离使用点最近的地方使用（此时可能只是一个对象或者一个值了），避免过大的数据导致的性能消耗
  • 防抖节流的使用：按钮，resize， onInputchange 事件等

月目标复盘

• 面试题复习，整理复习提纲，优化简历。
• 算法题系列整理
• React 原理：本地文件夹 E:\b站下载\React源码相关
  • 手写 React
  • 手写 React-Fiber
  • 手写 React-Hook
  • 手写 Redux

结果：

• 任务完成度很低只完成了一个，其他的做的很差！

复盘分析：

原因

• 开发任务紧张，没有太多自己的时间；
• 编码效率低下，组件设计思维不成熟，返工地方较多；
• 需求 分析不到位，后期更改场景较多；

反思和进步

需求分析阶段，做个笔记吧：

• 我负责的部分是哪些？
• 需求业务难点梳理
• 需求场景考虑点罗列：已/未发布，已开始/进行中/已结束，已有资料等
• 开发完成一天的工作量，花半个小时对比下需求，自己的开发是否正确，是否细节遗漏？
• 需要考虑 UI 图和需求是否一致，不一致及时反馈。