做过电商项目的同学都知道，店铺装修是电商系统必备的一个功能，在某些场景下，可能是广告页制作、活动页制作、微页面制作，但基本功能都是类似的。所谓店铺装修，就是用户可以在 PC 端进行移动页面的制作，只需要通过简单的拖拽就可以实现页面的编辑，属于用户高度自定义的功能。最终编辑的结果…

废话声明：本项目非常基础，大神请勿喷。大家觉得有用就看看。没用就看过就行了。项目本身我是遇到一些问题的会进行分享提供，也会问一些问题，希望有大神能解答。本身项目的设想初衷是为了研究可视化编辑器，推荐开

随着前端开发的不断发展和改进，出现了越来越多的框架，工程体系，从Jquery时代到目前的React、Vue体系，前端开发从原先的单一开发页面，变成组件式、函数式编程，除了有更好的、更高效的开发体验外，复用、抽象、维护性也变的尤为重要，与此同时，前几年借助互联网的发展，移动端开发…

在去年闲暇时间开发了一个可视化的页面编辑器，这次看到掘金有项目复盘的活动，正好可以拿出来写篇文章，和大家分享下。不知道还能不能赶上活动了~ 可添加图片，文本，矩形，背景。多种编辑功能（字体，背景，大小，边距等） 由于里面的细节比较多，肯定不能将所有点都讲到，我就挑几个主要的写写…

这个制作间页面有着类似 PPT 的交互：从左侧的工具栏中选择元素放入中间的画布、在画布中可以删除、操作（拖动、缩放、旋转等）这些元素。 在这个编辑过程中，让用户能够进行操作的撤销、重做会提高编辑效率，大大提高用户体验，而本文要讲的正是在这个功能实现中的探索与总结。 下面，开始实…

社区内有一些类似的功能实现，但使用的方式大同小异，都离不开拖拽能力。我们日常开发中会经常用到的拖拽，如拖拽排序，拖拽上传等。当然拖拽的 npm 包也有很多，比较好用的包有 react-dnd, vue 自带的拖拽能力等。 但我们的预览区采用的是 iframe 方式，社区好用的类…

虽然我这个可视化拖拽组件库只是一个 DEMO，但对比了一下市面上的一些现成产品（例如 processon、墨刀），就基础功能来说，我这个 DEMO 实现了绝大部分的功能。 如果你对于低代码平台有兴趣，但又不了解的话。强烈建议将我的三篇文章结合项目源码一起阅读，相信对你的收获绝对…

本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…

0. 可视化搭建的使用链路 Low-code: 如果面向的是研发，场景是中后台或者 toB 的一些业务，我们需要搭建的就是低代码生产链路，用户只需要改动少量的代码就能完成一个应用或者页面的全链路流程。 No-code: 如果面向的是非研发（如产品经理、设计师），场景大多数都是一…