以下都是自己的個人理解，說錯了希望大家多交流交流。
1，普通pc端開發(fā)與移動端開發(fā)區(qū)別。
普通pc端開發(fā)，我理解就是你拿電腦打開的網(wǎng)頁都算【這相信大部分人都知道】。
那么移動端開發(fā)工程師，說白了就很好理解了，做手機網(wǎng)頁的前端開發(fā)工程師。
這么一比，是不是感覺其實都差不太多，而且移動端的感覺更簡單一點。
pc，我們需要考慮什么呢？有點開發(fā)經(jīng)驗的同學(xué)都知道，ie6-11，firefox，chrome，safari等各種瀏覽器內(nèi)核是不是都要兼容的吧。哪個都夠你吃一壺的，無論是css還是js。
而mobile的網(wǎng)頁開發(fā)，我們需要考慮什么呢？
就目前來說，我們只需要考慮webkit內(nèi)核的瀏覽器和chrome，uc，qq，小米手機瀏覽器就好了。。。
相比較而言，需要兼容的東西還是少了，少了，少了呢(重要的事說三遍)。
ok，單純說pc和移動端開發(fā)的區(qū)別，其實也就是這個，可以簡單的概括來說，mobile端的網(wǎng)頁開發(fā)比pc端的網(wǎng)頁開發(fā)，更簡單一些。【頁面小了啊，裝的東西少了，css和html寫的少了吧】交互簡單一些【滑動，觸屏，手勢，平時看看手機你還能有啥特殊操作？】
看，別被這玩意嚇壞了，其實pc端的前端開發(fā)程序員，轉(zhuǎn)mobile開發(fā)，一點問題沒有，而且上手會很快。
夠直白的解釋了。
2，移動端web app開發(fā)與套殼開發(fā)區(qū)別。
移動端web app，移動端網(wǎng)頁，Hybrid開發(fā)，無所謂叫什么，移動端開發(fā)無疑就是這3種了。不過。
移動端web app是什么呢？簡單理解就是頁面頭部加入了下面這一句話的東西：
<meta name="apple-mobile-web-app-capable" content="yes">
這個meta的作用是讓普通移動網(wǎng)頁被添加到主屏幕后，擁有一些類native的功能，很多同學(xué)應(yīng)該都很熟悉了。就是類似隱藏ios的上下狀態(tài)欄，實現(xiàn)全屏，禁止彈性拖拽，全屏，修改頂部顏色等。
我理解這種模式的網(wǎng)頁為web app，當(dāng)然還有一種類型就是大家平時都訪問的那些網(wǎng)站，比如手機淘寶，手機美團(tuán)，手機微博的網(wǎng)頁版，大家打開的時候，不是全屏的，但是用起來，開發(fā)者把它們偽裝的很像這種web app的交互體驗而已。
以上2種我覺得可以總結(jié)為web app。而不是普通的移動端網(wǎng)頁，如果想看移動端網(wǎng)頁，可以參考手機新浪網(wǎng)，手機網(wǎng)頁，手機騰訊新聞，手機鳳凰，是很好的對比。
之后我來說下套殼的吧（這部分是像他人打聽的，說錯了請見諒）。這部分如果沒有開發(fā)過phonegap或者類似和native連調(diào)過webview的同學(xué)，可能覺得很陌生，其實不是，這種套殼開發(fā)和開發(fā)普通的網(wǎng)頁沒什么區(qū)別，只不過資源大部分是file開頭的，本地資源，網(wǎng)絡(luò)資源分為使用js異步接口獲取和native獲取，再和js的接口交互，類似ios中，可以直接在oc或者swift可以直接在webview中執(zhí)行js，android同理。
而且套殼開發(fā)還有個好處就是，因為資源是本地化的，所以可以使用比較重的框架，如angular，react，一些三方框架，因為最終都是通過和native代碼捆綁發(fā)布的。
套殼native的靜態(tài)前端部分的更新，我們可以使用遠(yuǎn)程下載靜態(tài)資源包的方法實現(xiàn)，不發(fā)布大版本而修改webview中邏輯的需求，這一點也是大部分公司選擇一半native一半h5來開發(fā)的原因。都知道ios審核發(fā)版很慢。
這些就是我知道的一些很通俗的區(qū)別了，技術(shù)細(xì)節(jié)就不說了，太多。大家有個概念就好啦。
我想說的就這些，希望對大家有用。

總結(jié)

以上是生活随笔為你收集整理的pc端和移动端的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。