低代码，如果程序员可以使用低代码的方式开发项目，是不是可以更快速简洁？既然大家都可以接受UI库，那么为啥不愿意接受低代码呢？或者，我们把UI库变成低代码工具（引擎）？

作为一名开发人员，你如果还不了解低代码平台，那就真out了。自己尝试仿有赞的低代码平台开发了此项目，详细记录了开发低代码平台所有步骤，看完你也会！

起因 我在月初开源的商城零代码可视化搭建平台Mall-Cook受到大家喜爱，使我深受鼓励，谢谢大佬们的支持。本着授人以鱼不如授人以渔思想，决定在项目新建shelf分支,从零开发一个"干净"的可视化搭建

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

完成一个可视化的编辑器，让需求方通过零门槛的配置形式自主生成页面，从而避免重复性的体力劳动，达到解放前端同学一部分的生产力去做更有意义的事情 ✌️

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

2. 标尺与编辑区域四周覆盖物

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…