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

　　若是說非要有區別的話應該就是開發的軟件和方式不一樣，具體來看看下面：

　　web前端開發

　　用最簡單粗暴的方式來說，就是用html + css + javascript來構建一個供人瀏覽的網頁，其中又包括兩個主要的分類：pc端網頁開發以及移動端網頁開發（不少時候被稱爲h5開發）。

　　那麼這二者有什麼區別呢，依據本人的經驗來看，pc端的網頁開發要考慮更多樣式兼容性的問題，ie，火狐，chrome等各大瀏覽器內核不一，使用到新特性的時候須要給樣式加上最基礎的兼容前綴，因此最好的作法仍是儘可能避免使用新樣式屬性來完成預期的效果。在移動端開發網頁就基本不用考慮這種瀏覽器間的兼容問題了，手機上的瀏覽器絕大部分是webkit內核的，因此在移動端網頁開發的時候能用到不少新的特性，像是極大簡便了頁面佈局的flex佈局，還有各類語義化的標籤等。可是因爲移動端手機的尺寸種類繁多，因此在這方面要下點功夫，舉個最簡單的例子就是一行原本是能顯示3個目標的item可是在某些小尺寸的手機上只能顯示2個。其餘還有一些細微的區別例如js庫的選擇（pc上用jQuery，移動端用zepto，PC+移動+安卓+IOS用TUOCH UI等）。

　　像一個官方網站確定是須要在pc上以及移動端都能有較好的顯示效果，爲了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網頁UI框架，根據設備的寬度不一樣顯示不一樣的效果。可是如今主流仍是作2套UI再根據UserAgent等來分別顯示不一樣的頁面，這樣在移動端的顯示能更靈活一點。

　　移動前端開發

　　主流的移動前端開發指的是Android一級iOS的原生開發，什麼是原生開發，最簡單來說就是Android用java寫iOS用ObjectC（swift）寫。這樣作出來的app在瀏覽體驗上確定是優於網頁的。

　　因爲原生開發須要兩個端開發，開發週期長（原生開發難度比web開發要大），因此最近不少公司都會把產品的一些頁面抽出來用webview來實現，甚至還可使用phonegap將你的網頁打包成app（能夠理解爲純webview的一個app）。這樣的app稱爲hybrid app，能夠說是在開發效率以及用戶體驗上各有取捨得出來的產物吧。

來源：知乎 阿爾法汪