移動端學習之理解WEB APP、Native APP、Hybrid APP以及React Native/uniapp包括H5、小程序等的區別與共通之處


因為工作需要,需要進一步了解移動端的開發,遂返回復習移動端的知識點,在開始學習之前,產生了疑惑WEB APP 、Native APP 、Hybrid APP、React Native、Uniapp、H5這些東西到底是什么?感覺是那么熟悉,單詞拆分開每一個都認識,但是合在一起就完全不知道什么意思了,遂自行百度查詢,自己解自己的惑吧。

個人博客,理解不具權威性。

一.WEB APP

  通俗的理解,WEB APP 即為使用HTML、CSS、JS三大前端基礎進行開發的WEB APP,是基於瀏覽器進行運行使用的;使用HTML、CSS、JS可以在瀏覽器上怎么開發網頁,那么WEB APP也是一樣,只是瀏覽器的使用場景放在了手機等移動端設備上。

  那么產品轉移到了移動端上,跟電腦端有幾點不同和需要注意:

  ①適配,手機的屏幕尺寸是比電腦小很多的,因此不能用傳統的電腦端去衡量一個手機端的屏幕顯示,在開發的時候可在CSS頭部加上@media屏幕大小判斷(可選擇REM取代PX來進行大小適配),也可使用JS提供的navigator對象獲取客戶使用的設備,根據設備來相應的顯示,這與在CSS中配置@media是一樣的道理。

  ②交互,電腦端的交互就是鼠標點點點,然后鍵盤可以敲敲敲,但是手機端不一樣,手機端其實交互很單一,現在都是大屏手機,基本上大家也就是點點、滑滑然后再輸入,所以在使用移動端開發WEB APP的時候,要注意客戶的使用場景,WEB APP比電腦端操作少很多,也功能簡單了很多。

  ③性能與速度,手機端不比電腦端,電腦端的網絡都是比較穩定的,要么是光纜,就算是wifi也是信號很強的,但是手機端是不一定的,2G、3G、4G都有可能,用戶的網絡有不穩定的因素,所以在開發WEB APP時應該注意不能使用較大的資源,比如引入非常大的js文件,花費客戶大量的時間去請求,且因為是運行在手機瀏覽器上,不同移動設備的瀏覽器也是參差不齊的,用戶容易出現頁面根本加載不出來,或者運行及其緩慢的現象。

  ④與手機設備原生的一些功能調用是比較差的。比如攝像頭這些,WEB APP他不像安卓這種原生APP,原生APP對設備的支持是很好的,瀏覽器的話相當於中間是要使用瀏覽器這個中間件去調用,上面說到了不同瀏覽器參差不齊所以效果可想而知。

  現在的理解大概是這樣,后面深入了再補充和修改吧。

 

二.Native APP 

  即原生APP,原生APP就是我們實實在在運行在手機設備上的應用,在APP store 應用商店都有的,需要下載和安裝,那么主要從區別上來講講對這個的理解吧

  ①使用的語言。安卓使用java、蘋果使用swift。

  ②使用速度非常的快,比WEB APP速度快非常多。

  ③與人的交互更為支持,對設備的比如攝像頭的功能調用非常方便。

  ④很難,比如你想學安卓開發,你還得學習java;那你要想開發ios,還必須學習swift。

 

三.Hybrid APP

  Hybrid 可以理解為是WEB APP和Native APP的混合,使用的語言是HTML、CSS、JS。

  ①不需要瀏覽器運行

  ②比WEB APP 好一點, 比Native APP 稍微差一點

  這個不甚了解..

 

四.React Native / Uniapp

  這個就是純前端的東西了,使用React 和 Vue 框架作為技術支撐的開發,可以理解為移動端版的VUE和React。

  但這兩個有個非常好的好處,也是大前端的發展趨勢一個分支,那就是一套代碼,多端使用。

  一套代碼,多端使用:假如我使用uniapp,我則只需要使用vue的語法,加上uniapp提供的各式各樣的api,我就可以開發出一個編譯后可在瀏覽器WEB APP、手機設備NATIVE APP、小程序、H5都能使用的東西,是不是很強大? 當然在全面性上面比不上native,但是應付一些簡單的工作需要已經搓搓有余了。

 

五.H5

  H5其實是一個稱呼,他本身就是HTML、CSS、JS,但是因為易企秀、微信推廣,讓這種簡單模式的有音樂播放功能、可以上下滑動等交互功能,但入門門檻極低,不需要去學習HTML、CSS、JS,你可以把他想象成,對HTML、CSS、JS進行了一次封裝,我調用這個函數可以實現放音樂,還能送我一個音樂播放器;我調用另一個函數,就可以實現頁面文字一排一排的浮現。但其實呢,我們前端完全可以寫,他本來也就是HTML、CSS、JS寫出來的,只是換了一個噱頭,讓人簡單易上手。我們使用框架大抵也是如此吧。

 

六.小程序


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM