## 一、混合开发Hybrid
移动端UI一般分为：
原生app：native App
网页app：web app
Hybrid App是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App，但只有一个UI WebView，里面访问的是一个Web App。
hybrid开发app一般遵循：
对于不经常改变视图的使用native APP开发，经常改变的使用 web APP，就综合了native APP和web App的优点。
### 1、安装环境
这里使用HbuilderX集成的H5+开发hybrid app。
下载安装HbuilderX之后，在运行里面安装手机运行的插件：
然后我们开发的H5+程序才可以在手机运行。
环境搭建好后，新建H5+APP项目，在index.html中编写代码即可。
H5+的API文档参考：https://www.html5plus.org/doc/zh_cn/accelerometer.html
新建的项目中有个
```js
document.addEventListener('plusready', function() {}
```
这个是hbuilder为hybrid开发准备的，只有在hybrid开发中才会有这个事件。所有对移动端事件的api调用，均在该事件触发后，通过`plus.`的形式进行调用。
**这有点类似hbuilder为hybrid开发而开发的一套框架，便于我们调用设备底层信息。**
### 2、示例：水平仪
```html
```
### 3、示例：照相机
```html
![]()
```
### 4、示例：地图
```html
```
