html5動畫主要服務(wù)對象還是給予web的應(yīng)用,并不會對全部app開發(fā)造成威脅,這樣有利于不同類型應(yīng)用使 用不同的開發(fā)方式,靈活性更強(qiáng)。
利用HTML5開發(fā)移動應(yīng)用的優(yōu)點(diǎn)主要有以下幾點(diǎn):
1.離線緩存為HTML5開發(fā)移動應(yīng)用提供了基礎(chǔ)
HTML5 Web Storage API可以看做是加強(qiáng)版的cookie,不受數(shù)據(jù)大小限制,有更好的彈性以及架構(gòu),可以將數(shù)據(jù)寫入到本機(jī)的ROM中,還可以在關(guān)閉瀏覽器后再次打開時(shí)恢復(fù)數(shù)據(jù),以減少網(wǎng)絡(luò)流量?! ?br/>
同時(shí),這個(gè)功能算得上是另一個(gè)方向的后臺“操作記錄”,而不占用任何后臺資源,減輕設(shè)備硬件壓力,增加運(yùn)行流暢性?! ?/p>
2.音頻視頻自由嵌入,多媒體形式更為靈活
原生開發(fā)方式對于文字和音視頻混排的多媒體內(nèi)容處理相對麻煩,需要拆分開文字、圖片、音頻、視頻,解析對應(yīng)的URL并分別用不同的方式處理?! ?/p>
HTML5在這個(gè)方面完全不受限制,可以完全放在一起進(jìn)行處理。
3.地理定位,隨時(shí)隨地分享位置
充分發(fā)揮移動設(shè)備對定位上的優(yōu)勢,推動LBS應(yīng)用發(fā)展?! ?/p>
可以綜合使用GPS、wifi、手機(jī)等方式讓定位更為精準(zhǔn)、靈活?! ?/p>
地理位置定位,讓定位和導(dǎo)航不再專屬導(dǎo)航軟件,地圖也不用下載非常大的地圖包,可以通過緩存來解決,到哪兒下哪兒,更靈活?! ?/p>
4.Canvas繪圖,提升移動平臺的繪圖能力
使用Canvas API可以簡單繪制熱點(diǎn)圖收集用戶體驗(yàn)資料
支持圖片的移動、旋轉(zhuǎn)、縮放等常規(guī)編輯
Canvas – 2D的繪圖功能支持
Canvas 3D – 3D的繪圖功能支持
SVG – 向量圖支援
5.專為移動平臺定制的表單元素
瀏覽器中出現(xiàn)的html5表單元素與對應(yīng)的鍵盤:
只需要簡單的聲明 <input type=”email”> 即可完成對不同樣式鍵盤的調(diào)用,簡捷方便。
6.豐富的交互方式支持
提升互動能力:拖拽、撤銷歷史操作、文本選擇等
Transition – 組件的移動效果
Transform – 組件的變形效果
Animation – 將移動和變形加入動畫支持
7.HTML5使用上的優(yōu)勢
更低的開發(fā)及維護(hù)成本;
使頁面變得更小,減少了用戶不必要的支出;而且,性能更好使耗電量更低;
方便升級,打開即可使用最新版本,免去重新下載升級包的麻煩,使用過程中就直接更新了離線緩存?! ?br/>