react实现H5在线编辑器

Question

对于上图所示的编辑器，大牛分析一下组件分布。
我的思路是

最外层包含左中右组件，然后其他再继续往下嵌套。但是这样不知道什么原因很多操作都会出现卡顿，比如中间元素的拖拽，会出现很明显的卡顿。

大牛来分析分析！

Answer 1

拖拽事件是怎么处理的呢？是改变绝对定位的top,left还是改变transform:translate？如果用的是这两种方式，建议给容器添加transition,使定位相关的属性发生变化时可以平滑过渡，减少卡顿感。希望可以帮到你。