1. 程式人生 > >移動前端開發與web前端開發的區別

移動前端開發與web前端開發的區別

  如果說非要有區別的話應該就是開發的軟體和方式不同,因為他們本來就不屬於一端的東西,具體來看看下面:

web前端開發

  用最簡單粗暴的方式來講,就是用html + css + javascript來構建一個供人瀏覽的網頁,其中又包括兩個主要的分類:pc端網頁開發以及移動端網頁開發(很多時候被稱為h5開發)。

  那麼這兩者有什麼區別呢,依據本人的經驗來看,pc端的網頁開發要考慮更多樣式相容性的問題,ie,火狐,chrome等各大瀏覽器核心不一,使用到新特性的時候需要給樣式加上最基礎的相容字首,所以最好的做法還是儘量避免使用新樣式屬性來完成預期的效果。在移動端開發網頁就基本不用考慮這種瀏覽器間的相容問題了,手機上的瀏覽器絕大部分是

webkit核心的,所以在移動端網頁開發的時候能用到很多新的特性,像是極大簡便了頁面佈局的flex佈局,還有各種語義化的標籤等。但是由於移動端手機的尺寸種類繁多,所以在這方面要下點功夫,舉個最簡單的例子就是一行本來是能顯示3個目標的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區別例如js庫的選擇(pc上用jQuery,移動端用zeptoPC+移動+安卓+IOS用TUOCH UI等)。


  像一個官方網站肯定是需要在pc上以及移動端都能有較好的顯示效果,為了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網頁UI框架,根據裝置的寬度不同顯示不同的效果。但是現在主流還是做

2UI再根據UserAgent等來分別顯示不同的頁面,這樣在移動端的顯示能更靈活一點。

 移動前端開發

  主流的移動前端開發指的是Android一級iOS的原生開發,什麼是原生開發,最簡單來講就是AndroidjavaiOSObjectCswift)寫。這樣做出來的app在瀏覽體驗上肯定是優於網頁的。

  由於原生開發需要兩個端開發,開發週期長(原生開發難度比web開發要大),所以最近很多公司都會把產品的一些頁面抽出來用webview來實現,甚至還可以使用phonegap將你的網頁打包成app(可以理解為純webview的一個app)。這樣的app稱為hybrid app,可以說是在開發效率以及使用者體驗上各有取捨得出來的產物吧。

 來源:知乎 @阿爾法汪