0110

0110 今日计划

每天工作前/前一天晚上 做好计划：重点工作、自我提升、其他，提交地址

重点工作

• 活动模块代码比对检查（ng-开头，permission 权限）
• ts any 类型优化

自我提升

• 复习题目整理
• 算法题-押题整理

其他

• 锻炼1
• 阅读2

今日总结

问题，原因，解决方式，优化，巧妙实现，新知识

• AntD 中 Tree 树形组件，点击 treeItem 实现勾选 checked：想要的效果就是 onSelect 的操作和 onCheck 结果一样；或者说，操作 onSelect 触发的是 onCheck，勾选子节点的时候能够实现父子联动；

原本的思路是：

• 使用 onSelect 事件拿到每一个选中的节点，然后设置 checkedKeys；
• 但是有问题：父子 treeItem 没有关联，如 选中所有子节点，父节点没有默认选中；
• 思路：onSelect 事件第二个参数 info，获取到每个子节点，每次选中或反选去对比计算；
• 小结：这种方式写起来麻烦，树组件层级深的时候，每次设置 onSelect 逻辑太长了

最佳方式：selectable=false;

<Tree
  // ... 省略部分属性；
  // 使用下面这个属性即可
  selectable={false}
/>

来源：

• antd 的Tree，可以像TreeSelect一样点击文字选中节点吗？

---

手撕代码/算法

防抖节流等各种手写，http和网络，浏览器原理，性能优化，Webpack

好文推荐/面经相关/博客项目推荐

有感好文，面经，博客，项目等

其他/TODOS