👋🏻 嗨，这里是月光多晴朗的日常频道🛰开源探月。 json可视化｜ monaco编辑器｜reaflow图表引擎｜Storybook组件框架｜zustand状态管理｜UML时序图 ⬆️ 今日关键词

React-Beautiful-DND，一个强大的拖拽包，能够优雅的做出丰富的拖拽页面应用，适用于列表之间拖拽的场景，支持移动端，且简单易上手。

大家好，我是前端西瓜哥。今天我们来实现图形编辑器的标尺功能。 标尺指的是画布上边和左边的两个有刻度的尺子，作用让用户知道他正在编辑的视口所在位置范围。 我们的需求是：间隔特定的长度，绘制一个刻度，并显

技术选型：React, TypeScript, React-Dnd 低代码编辑器，拖拖拽拽，生成页面，通过一定格式的数据存储，通过一定的方式解析成可见页面。

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

VLayout是一个学习页面可视化搭建的项目, 使用了React + TS 技术来开发。如果您有好的建议，欢迎提出，如果感觉帮助到了您，不妨点个赞或start

可视化搭建会遇到如下三类容器组件： 简单容器：以 children 容纳子组件的容器。 卡片容器：以 props.header 加上 props.header 等多个插槽容纳子组件的容器。 Tab 容

组件的联动，其实也不难。低代码的表单控件，最大的问题就是如何实现灵活性，而灵活性又包含很多情况，像 el-form 提供了很高的灵活性，但是用起来比较繁琐，所以需要我们找到一个折中点。

低代码平台中比较基础的一个环节，如何实现自己的沙箱机制去动态执行代码，这里涉及的基础技术比较多，所以大家可以慢慢看。