如果說(shuō)非要(yào / yāo)有區别的(de)話應該就(jiù)是(shì)開發的(de)軟件和(hé / huò)方式不(bù)同，因爲(wéi / wèi)他(tā)們本來(lái)就(jiù)不(bù)屬于(yú)一端的(de)東西，具體來(lái)看看下面：

web前端開發

用最簡單粗暴的(de)方式來(lái)講，就(jiù)是(shì)用html + css + javascript來(lái)構建一個(gè)供人(rén)浏覽的(de)網頁，其中又包括兩個(gè)主要(yào / yāo)的(de)分類：pc端網頁開發以(yǐ)及移動端網頁開發（很多時(shí)候被稱爲(wéi / wèi)h5開發）。

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

像一個(gè)官方網站肯定是(shì)需要(yào / yāo)在(zài)pc上(shàng)以(yǐ)及移動端都能有較好的(de)顯示效果，爲(wéi / wèi)了(le／liǎo)解決這(zhè)個(gè)問題的(de)方案主要(yào / yāo)有2種。一是(shì)使用像是(shì)bootstrap這(zhè)種自适應的(de)網頁UI框架，根據設備的(de)寬度不(bù)同顯示不(bù)同的(de)效果。但是(shì)現在(zài)主流還是(shì)做2套UI再根據UserAgent等來(lái)分别顯示不(bù)同的(de)頁面，這(zhè)樣在(zài)移動端的(de)顯示能更靈活一點。

移動前端開發

主流的(de)移動前端開發指的(de)是(shì)Android一級iOS的(de)原生開發，什麽是(shì)原生開發，最簡單來(lái)講就(jiù)是(shì)Android用java寫iOS用ObjectC（swift）寫。這(zhè)樣做出(chū)來(lái)的(de)app在(zài)浏覽體驗上(shàng)肯定是(shì)優于(yú)網頁的(de)。

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

想學習web前端找工作這(zhè)裏推薦一下我的(de)學習交流q.u,n: 95694,

0552 ，裏面都是(shì)學習前端的(de)，如果你想制作酷炫的(de)網頁，想學習編程。

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