白箱流程编辑器
基于白箱快速开发框架,使用原生js开发。
目前进度
- 框架初始化
- 布局系统初步完成
- 基础图形:圆形/矩形完成
- 图形选中拖拽完成
- 图形连接初步完成
- 预览图初步完成
- 拖拽角标进行图形缩放
未处理问题
- 拖拽后扩展画布后移动位置及滚动条位置错乱
- 背景图固定效果未完成
- 拖拽节点到边界不能平滑滚动
优化点
-
优先级高
框选拖拽时考虑采用新增一个panel然后移动panel,移动结束后讲定位复原。(能极大提升框选拖拽效率,但是需要考虑到连接线的拖拽) -
优先级中
将模块数据保存在模块本身,不能保存在上级。 -
优先级低
拖拽时(或者其他不需要监听事件的情况),动态移除事件
个人备注
[延迟执行]queueMicrotask [节点监听]IntersectionObserver [闲时任务]requestIdleCallback [逐帧处理]requestAnimationFrame