页面可视化搭建 整理
-
页面可视化搭建工具前生今世：https://github.com/CntChen/cntchen.github.io/issues/15
-
前端服务化——页面搭建工具的死与生：https://www.cnblogs.com/sskyy/p/6496287.html
-
esview 项目实现原理：
如何实现拖拽：html源生api，代码在dnd.js。
如何生成代码：拖拽生成的页面，背后是一个树形的结构，通过递归向下法解析语法树生成最终的.vue代码。
组件的属性编辑影响组件样式：vue会监听这棵属性结构的所有属性，当属性被编辑过后，vue会更新整个页面。
出处：https://github.com/furioussoul/esview/blob/master/ui/README-ch.md -
react 页面可视化搭建，开源项目：
| 项目 | 地址 | 说明 |
|---|---|---|
| gaea-editor | https://github.com/ascoders/gaea-editor | 该项目架构设计说明：https://www.jianshu.com/p/840e0b0b2c6a |
| structor | https://github.com/ipselon/structor | 页面元素可视化（使用react、redux技术） |
| gen | https://github.com/daycool/gen | 根据接口生成页面，减少重复性工作 |
- vue 页面可视化搭建，开源项目：
| 项目 | 地址 | 说明 |
|---|---|---|
| vue-layout | https://github.com/jaweii/Vue-Layout | 编辑自由度为可嵌套的组件 |
| esview | https://github.com/furioussoul/esview | 编辑自由度为可嵌套的组件 |
| blocks | https://github.com/Landvetter/blocks | 百度外卖如何做到前端开发配置化：https://mp.weixin.qq.com/s/8wsvuCGQYhFlCPVyX1ekOA |
-
vuep，在线编辑和预览vue组件：https://github.com/QingWei-Li/vuep/
-
Backbone 页面可视化搭建，开源项目：
| 项目 | 地址 | 说明 |
|---|---|---|
| GrapesJS | https://github.com/artf/grapesjs | 页面元素可视化（使用backbone技术） |