引言：        Vue可视化开发工具，编辑器，平台，IDE，快速设计开发工具mxdev 0.4版更新        助力企业快速高质量开发，小白上手，老鸟摸鱼，效率提升的阶梯就是mxdev。  

低代码开发概念的概念，是由著名的研究机构Forrester于2014年正式提出的。 低代码开发平台（LCDP）是一种软件，它通过用可视化图形用户界面（GUI）和配置化代替传统编码方式，给程序员提供一个创建应用软件的环境。 在该赛道，相关的公司或团队还是不少的。 其中OutSys…

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 ctrle 键已经被磨掉了漆，C 和V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

当时开发参考过的小部分网站，其它参考过的大量网站由于电脑硬盘出现故障丢失了无法恢复。 以上网站这些不是很重要，真正重要有用的网站链接我已经标注出来。

文本、图片、形状、音频、链接等，二期以后会逐步增加更多的可编辑元素。 通过点击或者上传的形式新增，通过拖拽来调整大小尺寸及位置，通过编辑面板来修改样式。同时，不同的元素将拥有不同的编辑面板，如文字类型，可以修改字体、颜色、大小、对齐方式等，而图片类型，则可以进行缩放、裁剪、圆角…

你可能会说，bootstrap-layout布局出来的代码只能用于bootstrap的项目中，如果我用的是element，这个工具对我而言就没法用了。 这个工具在这种场景下基本用不了，因为它的行容器只能在同一行。我们左边的col需要放两个垂直排列的文本，它做不到，所以只适用于一…

电子相册，一个可以可视化编辑的H5网页，用户只需要选择相应的模板进行组合，替换页面里的素材就能制作出一套可以媲美专业人员进行开发的H5宣传页。 使用者是没有任何开发经验的用户，这种情况对系统的可用性和拓展性的要求非常的高，因为每个人的想法是不一样的，这样就导致系统对接的需求是多…

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

最近着手做一个低代码平台中的可视化表单搭建系统，可视化搭建简单来说主要使用 vue-draggable 拖拽组件生成表单页面，渲染成表单，组件的属性可以通过面板进行可视化配置，生成的表单页面可以支撑系