——单位值班表——2022.11项目简述：通过点击视图左侧树节点懒加载该节点的列表的数据，通过点击 checkbox去勾选该节点并与客户端进行数据交互1. 项目通过mobx构建数据store去进行交互，将公共数据、方法抽取在独立文件。2.在后期增加全选的需求，由于客户端接口设计只能传输单个数据，为了减少工作量，前端采取全选预处理，通过Promise.allSettled方法先把全选的动作预先完成。3.基于性能考虑，对组织树点击事件使用缓存以及懒加载，从而避免每次点击发起请求以及初次进入页面造成卡顿4.由于数据过多，结合react-window第三方库实现虚拟列表功能降低渲染负担5.后期项目优化，增加nginx中的gzip配置降低了前端js代码体积约30%