如果說(shuō)非要有區(qū)別的話應(yīng)該就是開發(fā)的軟件和方式不同，因?yàn)樗麄儽緛?lái)就不屬于一端的東西，具體來(lái)看看下面：

web前端開發(fā)

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

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

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

　移動(dòng)前端開發(fā)

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

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

來(lái)源：知乎 @阿爾法汪