頁面可視化搭建工具前生今世:https://github.com/CntChen/cntchen.github.io/issues/15html
前端服務化——頁面搭建工具的死與生:http://www.javashuo.com/article/p-cwdclmwe-cz.html前端
esview 項目實現原理:
如何實現拖拽:html源生api,代碼在dnd.js。
如何生成代碼:拖拽生成的頁面,背後是一個樹形的結構,經過遞歸向下法解析語法樹生成最終的.vue代碼。
組件的屬性編輯影響組件樣式:vue會監聽這棵屬性結構的全部屬性,當屬性被編輯事後,vue會更新整個頁面。
出處:https://github.com/furioussoul/esview/blob/master/ui/README-ch.mdvue
react 頁面可視化搭建,開源項目: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-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/git
Backbone 頁面可視化搭建,開源項目:github
項目 | 地址 | 說明 |
---|---|---|
GrapesJS | https://github.com/artf/grapesjs | 頁面元素可視化(使用backbone技術) |