2017-03-14
目标:
- 优化脑图,使其操作更为顺畅
问题:
- 脑图节点数过多时,初始化渲染很慢。
- 对节点进行增、删、改、移动等操作时,页面卡顿,无法进行其他操作。
原因:
- 节点数过多,初始化、导入、渲染操作耗时较长
- 节点数过多,重新渲染、布局操作耗时较长
- dom数过多,即使一些小改动也会引起html重绘重排,造成页面卡顿
解决方案:
- 尽量减少页面上的dom数
- 脑图初始化时,只渲染到二级
- 展开节点时,采取逐级展开方式,并实时判断当前展开节点数,若过多则收起其他节点
- 收起节点时,移除所有子节点对应的dom
已解决:
- 脑图初始化到二级节点
- 逐级展开
- 收起节点时,移除所有子节点
未解决:
- 实时判断当前展开节点数,若超过阈值(如:500)则收起当前点击节点外的所有节点
2017-03-15
遗留问题:
- 实时判断当前展开节点数,若超过阈值(