最近痴迷于低代码，了解了下lowcode-engine的思想，所以打算手撸下低代码的生成源码功能，本文将用UIDL和正则两种思路实现。

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到

前端 从 0 到 1 的可视化搭建 nodejs 全栈项目，目前是系列（二），后续还会有服务端设计，CLI，以及运营搭建后台等详细讲解。最后整个项目会开源出来。

近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了易搭，通过简单的拖拽、配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。 低代码是基

之前的文章我们介绍了页面设计器的实现原理，那么如何通过组件开发的方式实现对设计器中组件的动态扩展呢？让我们在这篇文章中找到答案！

之前的文章中介绍了页面设计器的整体原理。那么页面设计器中组件拖动自由布局如何实现？让我们在这篇文章中从概念到代码实现找到答案！

前言 大家好，我是多肉攻城狮。我们在上一篇文章中走进了低代码的世界，这一章节让我们一起来探索一下页面设计器的实现！！

在这一系列中，我们将介绍前端低代码平台的搭建，并将其中涉及到的一些功能点，例如拖拽、组件间交互等进行示例分享。

在上一篇文章中主要介绍了低代码平台的页面设计器相关的一些功能原理，下面，我们来看看组件的交互是如何实现的吧！