有幾天沒有寫用html5開發移動app的總結了，今天抽出點時間來總結一下吧。

不多說直接入主題：

1、html就是一個框架，雖然說有點想layout，但是還是有點不一樣的，具體的就是一個是標籤，一個是具體控制元件。在移動開發中html用的最多的就是塊標籤即<div></div>，這個標籤有點像Android原生的<RelativeLayout></RelativeLayout>的進一步抽象，通過<div></div>標籤我們就能夠很好的控制有關聯的標籤，使得他們成為一個整體。

2、html方面的只是在此就不說了，下面就進入正式的開發----JavaScript。一般我們開發的時候都會新建一個js檔案的，在html中引用就好。書寫的工具很多，文字編輯器就可以，但是本人愚昧，還是用的是IDE（HBuilder，強大的html5移動開發環境），開發環境已經幫我們實現了很多控制元件，有些可以直接拿來用就好，不用自己再去造輪子了。以後說到的js都是基於這個框架說的。

3、具體一點吧，說一下mui的初始化的一些東西

mui.init({
	swipeBack: false, //禁用右滑關閉功能
	preloadPages: [
		//      {
		//          url: 'province.html',
		//          id: 'province.html',
		//          styles: {
		//              top: 0,//子頁面頂部位置
		//              bottom: 0//子頁面底部位置
		//          }//視窗引數
		//      },
		{
			url: 'act.html',
			id: 'act.html',
			styles: {
				top: 0, //子頁面頂部位置
				bottom: 0 //子頁面底部位置
			} //視窗引數
		}
	]
});
 

mui.ready(function() {
	var subPages = ['pages/payment/payment.html', 'pages/stroke/drive.html', 'pages/mall/mall.html', 'pages/myself/my.html'];
	var subPage_style = {};
//mui實現了兩個方法
//前臺轉後臺
document.addEventListener('pause', function() {
	__isIntoBackground = true;
	plus.device.setWakelock(false);
});

//後臺轉前臺
document.addEventListener('resume', function() {
});

});
 

這個地方就是html5樹形介面已經載入完畢，document可以獲取到html5中的標籤了，可以在這裡實現，類似為Android中的系統回撥方法

這裡t添加了兩個監聽，監聽APP處理後臺還是前臺。

mui.plusReady(function(){

//html5呼叫硬體裝置，攝像頭，感測器等等

});