今天给大家分享自研的页面可视化编辑器。一说到页面可视化，大家可能首先想到的是“低代码平台”，“可视化拖拽生成表单”等等。不过今天分享的这款工具并不是低代码表单

Vue + Egg 实现一个 H5页面可视化编辑器 / 可视化配置平台;互联网快节奏时代的当下，h5页面的产出在快速迭代的运营节奏下已经捉襟见肘；今天我们就一起来实现一个可视化配置平台（nocode）

数据可视化搭建从0到1建设，如何落地以及具体采用了什么开源工具，这是下篇，有兴趣的童鞋也可以看下上篇的介绍

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

1.什么是JSON Schema 相信前端童鞋，对JSON应该都很熟悉。JSON (JavaScript Object Notation) 缩写，JSON 是一种数据格式，具有简洁、可读性高、支持广泛

问：什么是 JSON Schema？答：一言以蔽之：JSON Schema 之于 JSON ，就像 TypeScript 之于 JavaScript。

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

关于可视化搭建，可以看这篇文章：页面可视化搭建工具前生今世。 面向开发者和普通用户，快速生成H5页面。有时候低代码比无代码更能提高生产力，脱离“复制粘贴”式的组件复用。对运营人员来说可以快速搭建一个营销页面，对开发来说可以方便的添加、组合组件，结合少量代码去复用之前组件。 大部…

前言：h5可视化平台有什么用？ 小白今年工作时间有一半都花在low code上面，且无论是b端or c端都有一些接触。接下来谈一下我对low code在业务和开发上带来的感受。 对于B 端项目 以后台