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

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

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

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

先按照自己的需求修改源码，然后运行以下命令。会自动生成package-name+version.patch的补丁文件。 3.设置钩子，每次安装完依赖的时候都会执行该命令。在package.json配置：

有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用…

大家好呀，我是一个前端小倒霉蛋wangly。 近期一直忙于业务开发，和复习知识点，就没有更新文章。刚好最近业务上做了一个地图的下钻和原点图。就将它写成一篇文章吧。与诸君共勉。当然，如果最近的项目中需要制作这个功能。也可以直接clone代码。根据自己的需求实现相应功能。 这次就以…

网上找了很久，最终才在官方 github 反馈的问题中找到了可实现方法，文章最后放官方地址。

通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据 获取的json数据与echarts比少了cp坐标，自行添加即可，如果不添加不能显示乡镇的位置名称 我们可以通过