頁面可視化搭建 整理

• 頁面可視化搭建工具前生今世：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技術）