因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。html5中提供了一系列Drag and Drop 接口，主要包括四部分：`DragEvent`，`DataTansfer

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

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

通过实现一个json在线编辑器,来学习如何一步步封装自己的组件(不限于react,vue,原理类似). 在介绍组件设计思路之前,有必要介绍一下著名的SOLID原则. S 单一功能原则: 规定每个类都应该有一个单一的功能，并且该功能应该由这个类完全封装起来。所有它的服务都应该严密…

说到页面可视化搭建，想必很多同学都有所了解，业内已有非常多文章介绍，具体可以查看底部传送门，本文仅从 如何搭建一个易用、可扩展的通用可视化搭建工具 出发，探索技术思路，以及在实际实践中思考

随着网络和科技的发展，利用小程序来服务内部职工的机构也越来越多。本文就使用微搭低代码来快速制作一款每日菜谱小程序，机构内部的负责人可以维护每周的菜谱，职工通过关注小程序来查看每周的菜谱信息。

前言 hello，大家好，我是dooringx-lib的作者。今天刚刚开源了我们dooringx项目的可视化拖拽框架dooringx-lib。 和别的开源项目比，dooringx-lib除了提供基础的

京东零售`iPaaS`前端研发团队推出LowCode搭建web列表的技术方案Drip-Table，实现可视化搭建列表，节约开发人力。