易企秀

概述 最近心血来潮，想仿造一下易企秀，做一个新的编辑器。主要是3年前那个编辑器有些自动化方面和动画性能方面的缺陷吧，人生不能有遗憾就早早动手吧。选择易企秀，而不是互动大师，主要是因为易企秀的技术难度比较低，编辑器的核心部分，如果全职开发，估计一个月就做完了。如果是互动大师，业余时间开发根本估计核心部分都够呛。核心部分包括拖拉拽，组件生命周期，场景增删改，工程增删改，完善的组件事件通信机制，撤销恢复还有动画编辑。 有兴趣的朋友可以进 github 看看。里面有在线演示的地址。该项目还在持续开发中，轻拍，别打脸。 拖拉拽的核心原理 不同的编辑器，不管怎么样，拖拉拽的业务逻辑一定要自己写，这是血的教训。两年前，接手一家公司的编辑器，那个编辑器的核心部分是用某个开源项目的，性能有问题，核心元数据的数据结构也有问题。重构了几次，才契合当时公司的业务。 性能优化 拖拉拽，其实难的是性能处理，尤其是移动端。要是一个场景里面几百个组件，移动端就很痛苦了。 首先必须使用事件委托，因为事件具有冒泡机制，因此我们可以利用冒泡的原理，把事件加到父级上，触发执行效果。这样做的好处当然就是提高性能了。 假如没有使用事件委托，那么100个组件，每个组件1个旋转点，8个缩放点，1个移动点，那么就要添加800个mousedown事件。如果使用事件委托，就只要一个mousedown事件就好。 原理是用户点击页面的时候