移動開發1 HTML5移動開發介紹

Native APP:是一種基於智能手機本地操做系統如 ios 、Android  、WB

 Web APP :使用面向web的開發技術（html5+css3+javascript）完成手機APP的製做

web APP核心思想 ：打包（第三方平臺，將HTML5，CSS3 javascript編寫好的程序內嵌入操做系統）

經常使用打包工具：PhoneGap  移動APP的開發平臺

 http://phonegap.com/

優勢：

1.兼容性，HTML CSS Javascript 的運用，能夠跨平臺

2.標準化。 使用W3c標準，能夠與jquery jqueryMobile結合使用

3.使用javascript +HTML5+CSS3做爲開發語言

缺點

一、運行速度慢

2.內存消耗大

3.調試難度大

4.提供的本地設備API較少

 

2.APPCan 能夠理解爲Hybird開發平臺，提供對andriod IOS 、WP、Symbian操做系統支持

http://www.appcan.cn/

優勢:

1，提供對多個操做系統的支持

2，使用APPCan應用引擎提供的 NAtive 交互能力 能夠讓HTML5開發的移動應用性能基本接近Native APP

的體驗（自稱）

3.開發工具基於eclipse ,能夠本地打包，雲端打包

5.支持各類手機設備的調用，包括電話相機傳感器定位等

6.純正的中文文檔與工具

缺點:

1與HTMLplus 相比，提供的api較少

2。html5開發與操做系統支持的語言交互性較差

 

HTML5plus

http://ask.dcloud.net.cn/docs

強調以JS搞定一切，內置Js接口 操做手機設備，native jS接口調用本地andriod .ios 程序也能夠視爲Hybrid開發

優勢

1.兼容性提供對 IOS Andriod操做系統的支持。

2.提供強大的JS接口操做本地設備。

3.開發工具是基於eclipse 改裝的hbuilder ,改工具集成了jquery anjularjs /jquerymobile等框架組件，多種調試方式

4.提供了UI組件（MUI）

5.經過nativejs 能夠輕鬆調用本地程序文件

6.純正的中文文檔與工具

缺點

支持的操做系統較少，適用於國內App的開發。

 

二。Hybird APP

安卓調用一個程序，打開一個網頁

程序調用關係

Andriod外殼 《-----》Webwiew 《———》MobleUI控件庫

三。HTM5Plus概述

HTML5Plus也稱爲HTML5+ 由Dclude開發

MUI框架 負責UI顯示

開發工具Hbuilder

支持手機APP的打包功能

 

MUI:最接近原生體驗的移動APP的ui框架（自稱·）

1.輕量級小框架

 

Hbuilder工具提示

1.直接敲 input便可，建立大多屬性

2.敲  sty----<sty>

3.sc  --->script

4.function

輔助編輯 jquery alt+/ 

$--document.get.......

能夠安裝插件

工具-插件安裝

 

2、配置項目信息

點開manifest.json

應用名稱：App打包好後在手機桌面上的快捷方式名稱；

appid : HBuilder appid（應用標識），在建立時分配的，之後不可改的標識。用戶不要手動修改

版本號：應用版本號，用戶可經過·plus API（plus.runtime.verson）獲取應用的版本號，需提交App雲端打包後才能生效；

入口頁面：應用啓動後，自動打開的第一個HTML頁面，可填寫本地html文件地址（相對於應用根目錄），或網絡地址（以http://或https://開頭）。

SDK:能夠直接調用SDK內相關的內容。

模塊權限的配置。

映射到代碼視圖。

開發調試方法

index.html是歡迎頁.

運行

能夠引入 jquery 來方便開發