成品實(shí)現(xiàn)方式
| 百度H5 | 美團(tuán)樂高 | 阿里ice | |
|---|---|---|---|
| 操作方式 | 添加元素 | 編寫json文件 | 項(xiàng)目工程二次開發(fā) |
| 輸出方式 | html頁(yè)面+JSAPI | json + js渲染 + js交互 | 打包編譯 |
| 缺點(diǎn) | 靈活性較低，只能生成靜態(tài)頁(yè)面，js接口也變焦局限 | 靈活性中等，可以配置自定義組件，但需要了解json和js開發(fā) | 相當(dāng)于項(xiàng)目腳手架,下載模板項(xiàng)目工程之后需二次開發(fā) |
v0.0.1規(guī)劃
需要考慮到 頁(yè)面靈活性 + 二次開發(fā) + 引入定制組件
組件的規(guī)劃
注： 考慮到頁(yè)面流，和定位問題，static需要設(shè)置寬高，其他均不需要
- static組件 智能平臺(tái)的主要編輯區(qū)域 內(nèi)部元素都已浮動(dòng)定位
- custom組件 預(yù)留空置位 需要開發(fā)者二次開發(fā)的地方
- component組件 已有組件,一些復(fù)制業(yè)務(wù)如列表，引入已有組件后只需配置一些相關(guān)信息如id，url等等
image.png
├── static
│ ├── text
│ ├── box
│ ├── box
│ ├── text
│ └── box
├── custom
├── static
│ ├── text
│ └── box
├── component
│ └── rules
百度H5
image.png
- 百度h5是直接生成html和css樣式
- js方面是通過(guò)定制的調(diào)用接口
美團(tuán)-樂高系統(tǒng)
美團(tuán)內(nèi)部系統(tǒng)，無(wú)法登陸到上，但根據(jù)現(xiàn)有技術(shù)文檔上來(lái)看，美團(tuán)的樂高主要針對(duì)的是中后臺(tái)系統(tǒng)開發(fā)
通過(guò)添加不同組件的來(lái)管理當(dāng)前組件的json配置
而頁(yè)面實(shí)現(xiàn)也應(yīng)該是
image.png
阿里巴巴 ice
ice 主要是針對(duì)開發(fā)者的
