如果說非要有區(qū)別的話應該就是開發(fā)的軟件和方式不同，因為他們本來就不屬于一端的東西，具體來看看下面：

web前端開發(fā)

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

那么這兩者有什么區(qū)別呢，依據(jù)本人的經(jīng)驗來看，pc端的網(wǎng)頁開發(fā)要考慮更多樣式兼容性的問題，ie，火狐，chrome等各大瀏覽器內(nèi)核不一，使用到新特性的時候需要給樣式加上最基礎的兼容前綴，所以最好的做法還是盡量避免使用新樣式屬性來完成預期的效果。在移動端開發(fā)網(wǎng)頁就基本不用考慮這種瀏覽器間的兼容問題了，手機上的瀏覽器絕大部分是webkit內(nèi)核的，所以在移動端網(wǎng)頁開發(fā)的時候能用到很多新的特性，像是極大簡便了頁面布局的flex布局，還有各種語義化的標簽等。但是由于移動端手機的尺寸種類繁多，所以在這方面要下點功夫，舉個最簡單的例子就是一行本來是能顯示3個目標的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區(qū)別例如js庫的選擇（pc上用jQuery，移動端用zepto，PC+移動+安卓+IOS用TUOCH UI等）。

像一個官方網(wǎng)站肯定是需要在pc上以及移動端都能有較好的顯示效果，為了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網(wǎng)頁UI框架，根據(jù)設備的寬度不同顯示不同的效果。但是現(xiàn)在主流還是做2套UI再根據(jù)UserAgent等來分別顯示不同的頁面，這樣在移動端的顯示能更靈活一點。

移動前端開發(fā)

主流的移動前端開發(fā)指的是Android一級iOS的原生開發(fā)，什么是原生開發(fā)，最簡單來講就是Android用java寫iOS用ObjectC（swift）寫。這樣做出來的app在瀏覽體驗上肯定是優(yōu)于網(wǎng)頁的。

由于原生開發(fā)需要兩個端開發(fā)，開發(fā)周期長（原生開發(fā)難度比web開發(fā)要大），所以最近很多公司都會把產(chǎn)品的一些頁面抽出來用webview來實現(xiàn)，甚至還可以使用phonegap將你的網(wǎng)頁打包成app（可以理解為純webview的一個app）。這樣的app稱為hybrid app，可以說是在開發(fā)效率以及用戶體驗上各有取舍得出來的產(chǎn)物吧。

想學習web前端找工作這里推薦一下我的學習交流q.u,n: 95694,

0552 ，里面都是學習前端的，如果你想制作酷炫的網(wǎng)頁，想學習編程。

自己整理了-份201 8最全面前端學習資料,從最基礎的HTML+CSS+JS [炫酷特效，游戲，插件封裝，設計模式]到移動端HTML5的項目實戰(zhàn)的學習資料都有整理，送給每一位前端小伙伴, 有想學習web前端的，或是轉(zhuǎn)行，或是大學生，還有工作中想提升自己能力的，正在學習的小伙伴歡迎加入學習。