随着业务的发展，在项目中H5这种轻应用的开发越来越多，很多业务都有大量的定制化工作要做，所以团队人员一直想开发一个平台来简化工作量，提升生产力。
- 组件拆分成原子状态
我们制作任何一个东西之前，肯定是将当前的业务进行拆分，尽量拆分成原子的状态，而对于我们一个简单的轻应用来说，无非是页面的UI组件和交互联动，那我们首先来看UI组件这块，结合我们的业务，我们手机端的UI组件当前主要存在几种，文本，图片，按钮，表单（输入框，选择框，时间控件等），以及列表和列表项，音频，视频等，这些是基础的原子组件，我们整个页面也是需要这些原子组件进行拼装的。
对于每个原子组件，我们需要有两个文件，一个是组件的渲染生成文件，另一个是DOM的样式和属性配置文件，我们在每增加一个原子组件时候，就能够生成对应的内容到我们的页面上。
- 组件进行拼装
这些原子组件又是怎样进行拼装的呢，首先每个元素有自己的默认属性，包括颜色，高度，宽度等，我们将页面可以看成一个画布，然后往这个画布上面不断的叠加不同的组件，这样就可以将画布上面的布局完成。
- 页面之间的路由设置
- 组件之间的属性联动
- 组件之间的联动设置
- 页面渲染引擎