画布是用来放置控件，作为控件拖拽拉伸的区域限制。画布模块设置背景图片或背景色设置、控件的编排、画布比例的设置、响应式画布、全屏展示等等等。 编辑模式我们是允许可以有滚动条的出现， 但预览模式下的dashboard是用于展示，通常是不允许滚动条出现的。那这种场景我们如何实现，我理…

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

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

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

当时开发参考过的小部分网站，其它参考过的大量网站由于电脑硬盘出现故障丢失了无法恢复。 以上网站这些不是很重要，真正重要有用的网站链接我已经标注出来。

我有很多朋友已经在企业级项目中使用vue3，有时我会问他们写vue3与vue2的体验有什么不同？我以为他们会说出无数类似于更快，更方便之类的赞美之词。可是，大部分回答都是“没什么区别，就是写法变了而已

开完产品需求会议，遇到了一个需求，首先页面分成两栏布局，左侧展示数据组件，支持拖拽排序，点击按钮清除组件。右侧支持将组件的缩略图拖拽至左侧生成一个新的组件。

vue.js是渐进增强的视图库，可以作为.html页面部分使用，也可以结合vue-router、vuex、axios用来构建单页面或多页面应用。以开发单页面为例，开发过程中为遇到，不同的页面需要使用不同的页面布局情况，下面我们将探索Vue.js中处理布局的多种方式。 构建Vue…

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