前言 本项目旨在开发一个供运营、产品快速搭建商城的可视化平台，利用可视化的拖拽与属性配置完成商城构建和日常运营，而开发只进行平台的维护、业务组件的新增和迭代。避免高频的业务需求，提升我们的开发效率。

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

这个如火如荼的大前端时代，vue、react、angular 、flutter、electron、小程序等技术框架百家争鸣，这些都是我们前端拿来干架吃饭的武器，前端工程化体系也逐渐向小公司小团队普及，想或者做为一个小小前端团队的leader，了解如何去搭建一个基础的前端工程化体…

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

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