1. 背景 公司最近在做能力库，为公司的未来业务赋能，恰好需要一款低代码可视化拖拽平台。所以... 本篇文章将介绍平台的主要功能实现思路，详情请移步gitee，平台在线访问地址：Vue3-Visual-Editor，代码地址：gitee。 2. 长啥样，有啥功能 3. 设计理念…

在很早之前的前端需求开发中，UI 会通过 Sketch 做图，然后导出给我们一个页面标注的 zip 包；在往后，公司用上了“蓝湖”，设计师不用再给我们发标注的zip压缩包了，直接丢给我们一个链接地址.

拖拽编辑器其实并不是一个新鲜的东西，现在市面上也有许多可用的产品或是开源的项目。笔者第一次接触拖拽编辑器还是在多年以前刚刚学习前端的时候，在学习了 html 和 css 基础后接触到一款使用 jquery 和 bootstrap 开发的拖拽编辑器后，内心产生了巨大的震撼，并一度…

一、说明 本例使用V4.1.12版本。最新版本4.2.6版本有问题，节点间连线数据获取不到，建议不要轻易升级。 gitee项目地址 1. 长啥样 2. 目录说明 3. 功能点 二、功能实现 1. 初始

做完了这个页面做下个，新建文件，复制代码，注册路由... "海量可复用物料，通过 GUI 工具极速构建中后台应用"。 飞冰是一套综合解决方案，用来极速构建中后台应用（其实也可以做非中后台应用）。 可以做到极速是通过『海量可复用物料』和『GUI 开发工具』实现的。 在整个流程中，…

当选中block后 mousedown事件，在dragState中记住初始位置，计算出选中block与所有未选中block，左右、上下对齐的各种情况的坐标位置，并进行缓存。 1. 数据准备 3. 新建一个属性面板组件 visual-editor-operator.tsx在vis…

H5 Dooring可视化编辑器源码阅读笔记，实现简单巧妙，没有过多复杂的逻辑。很好理解，源码阅读重在是学习它的实现原理，细节部分，在真实项目上，再花时间考究。

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…