千泷_

前言 最近在公司有涉及到低代码相关工作，对 LowCode 可视化拖拽技术进行了调研，特此使用一个系列文章记录这一过程。 起初参考珠峰架构 - 姜文老师 低代码可视化搭建平台 公开课直播分享，来入门可

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

拖拽的业务使用场景已经渗透在了我们各个方面，尤其在移动端方便。侧面拖拽菜单，拖拽卡片交互，拖拽评分等等。 这样的交互使得我们在有限的事件场景中，给予用户更方便的交互操作。大大的提升了用户体验、产品的流畅度。 React-DnD是一组React实用程序，可帮助您构建复杂的拖放界面…

通过本篇文章，你能够学会如何基于 React 技术栈搭建一个最简单的低代码编辑器，以及部分重点功能的实现方式。

可拖拽画布是低代码平台的核心组成之一，来看看京东水滴低代码团队是如何设计并实现，并提供用户灵活易用的画布吧~

『可视化在线编辑器』指的是引擎这一环，虽然开发引擎在前端并不常见，但看看游戏界就能知道，脱离游戏引擎编码是多么痛苦的一件事。前端和游戏共同点是都要考虑 UI 和 数据逻辑，其实微软在做界面开发时就有很多引擎出现，现在前端一点一点向全栈迈进，架构越来越重，分工越来越细，因为 node 让许多后端开发者接触前端，将后端沉淀的精髓带到了前端，而今前端又将触手延伸到客户端、PC 端甚至硬件领域，逐渐吸收了开发引擎的思想，促进前端进入工业时代。

Go 语言的发展越来越好了，很多大厂使用 Go 作为主要开发语言，也有很多人开始学习 Go，准备转 Go 开发。 那么，怎么学呢？ 我发现，在互联网时代，学习的

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~