公司準(zhǔn)備要做一個(gè)項(xiàng)目，是p2p配資的app。在網(wǎng)上問了一些人后，發(fā)現(xiàn)有的是直接有html5做好后，用軟件封裝的。之前我學(xué)過app的開發(fā)，當(dāng)時(shí)Android版本的，知道開發(fā)Android app時(shí)寫的代碼。那么問題來了：

　　html5封裝的app與原生態(tài)app有什么區(qū)別呢？

　　html5又和app有什么區(qū)別呢？

　　為什么大型網(wǎng)絡(luò)公司還是傾向于推廣原生態(tài)app呢？

　　html5是有跨平臺(tái)的優(yōu)勢(shì)，但是為什么還是不溫不火，或者我們?nèi)苑Q之為輕應(yīng)用app呢？

　　查找了相關(guān)的資料，梳理了一下，發(fā)現(xiàn)有如下區(qū)別：

　　1.html5的app如輕型小炮，原生態(tài)app如正規(guī)大炮，html5實(shí)現(xiàn)的功能有限，只能實(shí)現(xiàn)一些輕型的交互場景，而app則可以完美解決。

　　2.html5雖然可以跨平臺(tái)，可是瀏覽器有個(gè)加載速度，對(duì)于用戶體驗(yàn)上說，有個(gè)加載的等待，就比如你用qq瀏覽器打開百度，和直接使用百度app是兩種體驗(yàn)。瀏覽器打開百度，還得有個(gè)加載，而百度app則duang的出下了輸入框界面。

　　3.html5的app對(duì)于導(dǎo)航來說，目前有個(gè)弊端。而原生態(tài)app則在頁底固定懸浮著導(dǎo)航菜單。我給截圖，大家可以看看區(qū)分：看我紅線畫圈和藍(lán)色畫圈的區(qū)別。

　　4.html5 app也有自己的優(yōu)勢(shì)，比如有的app頁面想要分享出來，則采用html5 app。也比如滴滴打車集成在微信里一樣，如果手機(jī)中沒有滴滴打車的app，則直接可以在默認(rèn)瀏覽器上加載出來，進(jìn)行打車。對(duì)于公司整體的運(yùn)營來說不可少。

　　html5 app在設(shè)計(jì)時(shí)需要注意的一些要點(diǎn)，我也簡單概括了一下：

　　1）各手機(jī)瀏覽器的兼容測試

　　2）底層服務(wù)的調(diào)取（能調(diào)取，但只有當(dāng)其是核心功能時(shí)才保留 eg：新浪、美團(tuán)等皆去掉了頭像上傳功能）

　　3）注意離線數(shù)據(jù)存儲(chǔ)，減少數(shù)據(jù)請(qǐng)求頻率。

　　4）考慮保存用戶的哪些數(shù)據(jù)：設(shè)置、個(gè)人數(shù)據(jù)、閱讀錨點(diǎn)、跳出頁面等。【這點(diǎn)一般說的就是導(dǎo)航菜單】

　　5）避免動(dòng)效與瀏覽器的交互沖突

　　6）按順序 異步加載eg： 騰訊視頻

以上就是本文的全部內(nèi)容了，希望對(duì)大家了解web app以及原生app能有所幫助。