一、認識跨平臺移動應用開發(HTML5 Plus移動APP)

1.HTML5 Plus 規范

通過 HTML5 開發移動 App 時，會發現 HTML5 很多能力不具備。為彌補 HTML5 能力 的不足，在 W3C中國的指導下成立了 www.HTML5Plus.org組織，推出 HTML5+規范。

2.HTML5 Plus移動App

簡稱5+App，是一種基于HTML、JS、CSS編寫的運行于手機端的App，這種App可以通過擴展的JS API任意調用手機的原生能力，實現與原生App同樣強大的功能和性能。

3.HTML5+擴展了JavaScript對象plus，使得js可以調用各種瀏覽器無法實現或實現不佳的系統能力，設備能力如攝像頭、陀螺儀、文件系統等，業務能力如上傳下載、二維碼、地圖、支付、語音輸入、消息推送等。

4.使用HTML5+開發的移動App并非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web服務器上，而移動App的文件存放在手機本地，編寫移動App的html、js、css文件被打包到ipa或apk等原生安裝包，在手機客戶端運行。

二、開發環境和開發流程

1.開發環境HBuilder。HBuilder內置HTML5+ APP開發環境，提供了一套完整的移動應用開發解決方案。內置HTML5+ API語法提示，提高開發效率；集成真機運行環境，方便開發后即時在真機上查看運行效果；集成應用云端打包系統，不用部署xcode和Android sdk就可以打包應用。使開發者只需要使用HTML5、Javascript、CSS技術就可以快速開發跨平臺的移動應用。

2.使用CastApp（基于H5+進行二次封裝的開發框架）快捷、高效開發。

3.使用mui框架。mui是封裝了原生的HTML5+的API的一個UI框架，方便開發者迅速開發應用。含mui.css（提供了很多頁面樣式）和mui.js（封裝了原生HTML5+API）。mui框架，它的性能更高，樣式也更接近原生App，并且mui調用了HTML5+擴展能力，可以實現更好的體驗。請注意，mui只封裝了部分HTML5Plus Api，學會mui框架不代表可以不學習HTML5Plus規范。mui只是很有限的通過封裝簡化了常見開發過程。

4.一套代碼可以打包成安卓和IOS應用包。