百度脑图(kityminder)优化

2017-03-14

目标：

• 优化脑图，使其操作更为顺畅

问题：

• 脑图节点数过多时，初始化渲染很慢。
• 对节点进行增、删、改、移动等操作时，页面卡顿，无法进行其他操作。

原因：

• 节点数过多，初始化、导入、渲染操作耗时较长
• 节点数过多，重新渲染、布局操作耗时较长
• dom数过多，即使一些小改动也会引起html重绘重排，造成页面卡顿

解决方案：

• 尽量减少页面上的dom数
• 脑图初始化时，只渲染到二级
• 展开节点时，采取逐级展开方式，并实时判断当前展开节点数，若过多则收起其他节点
• 收起节点时，移除所有子节点对应的dom

已解决：

• 脑图初始化到二级节点
• 逐级展开
• 收起节点时，移除所有子节点

未解决：

• 实时判断当前展开节点数，若超过阈值（如：500）则收起当前点击节点外的所有节点

---

2017-03-15

遗留问题：

• 实时判断当前展开节点数，若超过阈值（