纯HTML5APP与原生APP有什么不同

立博体育手机app下载比如在一個新頁面的載入上,如果調用底層動畫要考慮的問題有兩個,一個是本身資源頁面的渲染問題,另一個是遠程數據的獲取。即便是這些動畫能夠很快的響應,但大量的css頁面會導致渲染卡頓,滑入時可能會有白屏/機器卡頓的現象。為了解決這些性能問題又必須要用到預加載或模擬動畫。即便是這樣,滑入滑出的動畫在低端的安卓機器上還是有很多問題,如果獲取服務端數據處理的方式不合適,卡頓白屏的現象會更嚴重。具體看下面的數據獲取方式。

試想一下,如果引導頁或者主頁面緩存了5個子頁面的資源,在跳轉到響應的子頁面時又會緩存這些子頁面的下級頁面資源,如此反復肯定會占據大量內存使APP的體驗下降。那么怎么知道那些頁面是需要的,最多緩存多少頁面,什么時候結束哪些頁面的生存周期呢在我用過的很多H5APP的框架里都沒有對這些問題有一個完美的解答,因此在頁面較多內容較多的APP中可能會因這些資源分配的問題降低性能。

這時候我們回過頭來再看看MVVM的數據加載問題,實際上不管哪個MVVM框架,寫過的人都知道管理這種新型的前端代碼最重要的問題是內存的問題,你既要保證代碼寫的足夠優雅沒有任何內存泄露問題,也要考慮到在頁面生存周期結束時它們的控制器/頁面資源是否得到釋放,這對全局有沒有什么影響,在多個請求時也要合理的分配資源,甚至是復用這些父級頁面傳過來的緩存資源等等。較小的APP可能并不會有這些問題,如果你想用純H5來開發大型APP,這很可能會浪費你很多時間——而且結果還不會讓你滿意。

舉一個很簡單的例子,Android和iOS在返回上一頁的處理方式上就有明顯的區別,iOS的頂部bar在全屏下怎樣處理,Android機器出現smartbar怎樣處理頁面的布局,調用底層硬件時怎樣區分不同的場景等等,你需要寫一個又一個機型和系統的判斷,然后分別在Android和iOS下調試,最后你卻發現這并沒有卵用,累的要死卻什么沒學到,只有一堆不知道什么時候會過時的經驗。

現在做H5混合APP開發的人很多,但是純H5卻很年輕,很多問題都沒有很好的解決,這幾個是我在做這些APP時考慮最多的問題。當然大家也不必擔心,隨著ES6的推行,硬件發展越來越快,純H5APP未必沒有一席之地。最后說一個很少人注意到的H5優勢,大家大談H5APP時都是快速開發、低成本、多平臺等等,但我卻覺得它和很多APP開發方式相比有一個不同之處——圖文混合的排版。

上一篇: Flash即将被淘汰THML5时代要来临

下一篇: 北京APP开拓公司