页面可视化

2019-02-26  本文已影响0人  郝小淞

成品实现方式

百度H5 美团乐高 阿里ice
操作方式 添加元素 编写json文件 项目工程二次开发
输出方式 html页面+JSAPI json + js渲染 + js交互 打包编译
缺点 灵活性较低,只能生成静态页面,js接口也变焦局限 灵活性中等,可以配置自定义组件,但需要了解json和js开发 相当于项目脚手架,下载模板项目工程之后需二次开发

v0.0.1规划

需要考虑到 页面灵活性 + 二次开发 + 引入定制组件

组件的规划

注: 考虑到页面流,和定位问题,static需要设置宽高,其他均不需要

image.png

├── static
│   ├── text
│   ├── box
│   ├── box
│   ├── text
│   └── box
├── custom 
├── static
│   ├── text
│   └── box
├── component 
│   └── rules

百度H5

image.png

美团-乐高系统

美团内部系统,无法登陆到上,但根据现有技术文档上来看,美团的乐高主要针对的是中后台系统开发

通过添加不同组件的来管理当前组件的json配置

而页面实现也应该是

image.png

阿里巴巴 ice

ice 主要是针对开发者的

上一篇 下一篇

猜你喜欢

热点阅读