tips：对低代码比较熟悉的同学可以直接跳过前面3章，直接进入第4章节阅读 1. 需求背景 1.1 什么是低代码 每一次的项目或功能需要全部重新开发完整代码，需要一定的技术水平，称为Pro Code

在开发企业级低代码平台会有这样一种场景，平台内置的组件不能满足客户的需求，客户希望能够自定义组件，但是我们源码不能给客户，这时候就需要一种方案加载客户自定义的组件。

如果，有一种方式，能提供给插件开发者插件模板，并且能用我们平台的线上环境去远程加载业务方同学本地开发的模板代码，让业务方进行本地开发插件，这样是不是就省去了让业务方理解我方平台代码的成本

自定义组件系统是什么？这里的自定义组件系统是基于低代码平台的能力扩展出相应的api和工具提供给用户自定义组件的能力。

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

画布是用来放置控件，作为控件拖拽拉伸的区域限制。画布模块设置背景图片或背景色设置、控件的编排、画布比例的设置、响应式画布、全屏展示等等等。 编辑模式我们是允许可以有滚动条的出现， 但预览模式下的dashboard是用于展示，通常是不允许滚动条出现的。那这种场景我们如何实现，我理…

本文记录了一个支持加载远程组件低代码平台，基于vite、和vite-plugin-remote-module，通过扩展远程模块的形式来规避组件化低代码平台扩展性较差问题的思路。

低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现