1.web前端開發
用最簡單粗暴的方式來講，就是用html + css + javascript來構建一個供人瀏覽的網頁，其中又包括兩個主要的分類：pc端網頁開發以及移動端網頁開發（很多時候被稱爲h5開發）。
那麼這兩者有什麼區別呢，依據本人的經驗來看，pc端的網頁開發要考慮更多樣式兼容性的問題，ie，火狐，chrome等各大瀏覽器內核不一，使用到新特性的時候需要給樣式加上最基礎的兼容前綴，所以最好的做法還是儘量避免使用新樣式屬性來完成預期的效果。在移動端開發網頁就基本不用考慮這種瀏覽器間的兼容問題了，手機上的瀏覽器絕大部分是webkit內核的，所以在移動端網頁開發的時候能用到很多新的特性，像是極大簡便了頁面佈局的flex佈局，還有各種語義化的標籤等。但是由於移動端手機的尺寸種類繁多，所以在這方面要下點功夫，舉個最簡單的例子就是一行本來是能顯示3個目標的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區別例如js庫的選擇（pc上用jQuery，移動端用zepto等）。
像一個官方網站肯定是需要在pc上以及移動端都能有較好的顯示效果，爲了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網頁UI框架，根據設備的寬度不同顯示不同的效果。但是現在主流還是做2套UI再根據UserAgent等來分別顯示不同的頁面，這樣在移動端的顯示能更靈活一點。
2.移動前端開發
移動端開發分爲原生應用開發和混合H5開發。目前主流的移動前端開發（原生應用）指的是Android一級iOS的原生開發，什麼是原生開發，最簡單來講就是Android用java寫iOS用ObjectC（swift）寫。這樣做出來的app在瀏覽體驗上肯定是優於網頁的。但是隨着目前智能手機設備的提高，瀏覽器廠商對移動端瀏覽器性能的提升。一些中小型項目來看，二者差別不大。
由於原生開發需要兩個端開發，開發週期長（原生開發難度比web開發要大），所以最近很多公司都會把產品的一些頁面抽出來用webview來實現，甚至還可以使用phonegap將你的網頁打包成app（可以理解爲純webview的一個app）。這樣的app稱爲hybrid app，可以說是在開發效率以及用戶體驗上各有取捨得出來的產物吧。本人也是使用過ionic以及react native這兩個hybrid app框架，可以說是節約時間人力成本的一種不錯的選擇吧，並且還能讓你一個web程序員產生了一種自豪感：“臥槽我居然能開發app了。”同時也能爲你的工作加分。現在一些BAT公司已經開始試着採用react native開發APP了。比如阿里的釘釘團隊。
更多技術文章大家請關注以下鏈接：
http://www.qianduanshe.com/（前端社）