正文

app前端和web前端的區(qū)別（web前端和軟件前端）

發(fā)布時(shí)間：2023-04-14 05:30:18 稿源：創(chuàng)意嶺閱讀： 126

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于app前端和web前端的區(qū)別的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話(huà)答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶(hù)端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話(huà)175-8598-2043，或添加微信：1454722008

本文目錄:

1、移動(dòng)前端開(kāi)發(fā)和 Web 前端開(kāi)發(fā)的區(qū)別是什么？
2、web前端開(kāi)發(fā)和app開(kāi)發(fā)，哪個(gè)發(fā)展前景比較好？
3、ui與web前端的區(qū)別是什么？
4、前端和后端有什么區(qū)別？

app前端和web前端的區(qū)別（web前端和軟件前端）

一、移動(dòng)前端開(kāi)發(fā)和 Web 前端開(kāi)發(fā)的區(qū)別是什么？

前端是個(gè)很大的概念，我的理解是用戶(hù)能夠看到，直接接觸到的層面都算是前端，比如IOS客戶(hù)端界面，安卓客戶(hù)端界面，網(wǎng)頁(yè)界面，甚至PC/MAC 桌面端軟件界面；現(xiàn)在最常見(jiàn)的說(shuō)法一般是指Web前端，也就是針對(duì)于網(wǎng)頁(yè)端開(kāi)發(fā)的工作。

也有個(gè)說(shuō)法就是前端就是大前端嘛，如果你的工作真的那么贊的話(huà)，那就包括了web啦安卓啦ios啦甚至pc mac客戶(hù)端的界面啦。但我覺(jué)得現(xiàn)在一般大家都還是有專(zhuān)攻的。

Web App指的是【W(wǎng)eb application】，也就是以瀏覽器作為客戶(hù)端的軟件。比如你要寫(xiě)文檔，一般會(huì)打開(kāi)Office 2012之類(lèi)的本地軟件；但是你也可以選擇在瀏覽器里輸入一個(gè)網(wǎng)址，比如我很喜歡StackEdit — *smart* markdown editor ，然后直接在里面寫(xiě)東西直接發(fā)布到gist上；再比如用桌面客戶(hù)端來(lái)收發(fā)郵件，但你也可以直接用瀏覽器登陸gmail亦或者QQ郵箱，直接把這個(gè)當(dāng)客戶(hù)端用?？傊褪鞘褂镁W(wǎng)頁(yè)版代替本地軟件。

Mobile Web App 當(dāng)然就是指在手機(jī)端打開(kāi)的Web App啦。我推薦看看Gmail的移動(dòng)版。

感覺(jué)樓主問(wèn)的問(wèn)題還挺模糊的，所以我大概照我的理解依次解釋下：

移動(dòng)客戶(hù)端的開(kāi)發(fā)類(lèi)型（因?yàn)槲沂莻€(gè)前端所以我是站在前端立場(chǎng)上來(lái)說(shuō)的哈），主要是三種：

Native App（原生APP），也就是完全使用移動(dòng)設(shè)備系統(tǒng)語(yǔ)言寫(xiě)的客戶(hù)端，iPhone iPad就是純Object-C，安卓就是純JAVA, 就是用戶(hù)看到的界面啦體驗(yàn)到的交互啦都是原生的。這是性能最棒的開(kāi)發(fā)方式，但靈活性就沒(méi)下面的好。

Web App, 這個(gè)就是在移動(dòng)瀏覽器里打開(kāi)的，純HTML+CSS+JS，說(shuō)白了就是個(gè)網(wǎng)頁(yè)，只不過(guò)非常的富應(yīng)用，比如手機(jī)瀏覽器訪問(wèn)的GMAIL啥啥的。但說(shuō)白了就是在瀏覽器里打開(kāi)的頁(yè)面。。IOS支持可以在桌面創(chuàng)建訪問(wèn)的快捷方式，但是說(shuō)到底還是打開(kāi)Safari跑。。而且對(duì)設(shè)備硬件的接口什么的挺薄弱。

Hybrid App.[HTML5 in mobile devices] 我覺(jué)得這個(gè)更為合適一些。實(shí)際上是使用原生寫(xiě)了一個(gè)容器，然后使用HTML+CSS+JS來(lái)實(shí)現(xiàn)用戶(hù)界面和交互。Web App的短處便可以克服（因?yàn)樽约簩?xiě)的容器可以輔助暴露偏底層的接口，比如本地存儲(chǔ)或者麥克風(fēng)控制之類(lèi)），同時(shí)比起純?cè)膉ava或者object-c開(kāi)發(fā)靈活性要高（更新可以更快更迅速，也不依賴(lài)于市場(chǎng)，因?yàn)檎f(shuō)白了，就是自己下載更新網(wǎng)頁(yè)資源。。）實(shí)際上這種方式已經(jīng)不限于移動(dòng)端。。豌豆莢其實(shí)是個(gè)pc端的hybrid app 哇~~~ 而且說(shuō)實(shí)在的，桌面開(kāi)發(fā)的性能就現(xiàn)在來(lái)說(shuō)要比移動(dòng)好很多。。

以上三種開(kāi)發(fā)方式的比較和分析谷歌里面一搜一大堆我就不廢話(huà)啦哈。我記得2011年的Google io上就有一場(chǎng)talk是android native和web app等開(kāi)發(fā)方式的大PK。?？磦z工程師吵還是很有意思的。 app前端和web前端的區(qū)別（web前端和軟件前端）

二、web前端開(kāi)發(fā)和app開(kāi)發(fā)，哪個(gè)發(fā)展前景比較好？

首先，從前端開(kāi)發(fā)的發(fā)展趨勢(shì)來(lái)看，Web前端與移動(dòng)端開(kāi)發(fā)（Android、iOS）正在逐漸整合，前端開(kāi)發(fā)人員的知識(shí)邊界在當(dāng)前云計(jì)算、大數(shù)據(jù)平臺(tái)的推動(dòng)下，正在不斷得到拓展，前端開(kāi)發(fā)全棧化也是一個(gè)比較明顯的發(fā)展趨勢(shì)，所以也把當(dāng)前的前端開(kāi)發(fā)稱(chēng)為“大前端”。千鋒軟件開(kāi)發(fā)培訓(xùn)課程的授課模式采用全程面授，講師成本雖高，但是效果卻是顯著的，和學(xué)員面對(duì)面溝通，了解到學(xué)員在學(xué)習(xí)過(guò)程中遇到的問(wèn)題，動(dòng)態(tài)地調(diào)整授課方式。

千鋒教育就有線上免費(fèi)的軟件開(kāi)發(fā)公開(kāi)課，。

從當(dāng)前的人才需求形式來(lái)看，Web前端的開(kāi)發(fā)規(guī)模還是比較大的，移動(dòng)端開(kāi)發(fā)崗位（Android開(kāi)發(fā)和iOS開(kāi)發(fā)崗位）在移動(dòng)互聯(lián)網(wǎng)（消費(fèi)端）逐漸進(jìn)入到存量時(shí)代之后，崗位需求量正在趨于平穩(wěn)，人才需求的爆發(fā)期已經(jīng)過(guò)了，所以當(dāng)前如果僅僅掌握Android開(kāi)發(fā)或者iOS開(kāi)發(fā)，在就業(yè)面上會(huì)比較窄。對(duì)于當(dāng)前要進(jìn)入前端領(lǐng)域發(fā)展的初學(xué)者來(lái)說(shuō)，可以先從Web前端開(kāi)始學(xué)起，一方面Web前端的入門(mén)相對(duì)比較容易，能夠快速建立起學(xué)習(xí)的成就感，另一方面Web前端的崗位需求量比較大，就業(yè)相對(duì)容易一些。在從事Web前端開(kāi)發(fā)的過(guò)程中，可以逐漸擴(kuò)展自身的知識(shí)面，比如學(xué)習(xí)移動(dòng)端開(kāi)發(fā)知識(shí)，以便于提升自己的職場(chǎng)價(jià)值。千鋒教育集團(tuán)目前已與國(guó)內(nèi)4000多家企業(yè)建立人才輸送合作，與500多所大學(xué)建立實(shí)訓(xùn)就業(yè)合作，每年為各大企業(yè)輸送上萬(wàn)名移動(dòng)開(kāi)發(fā)工程師，每年有數(shù)十萬(wàn)名學(xué)員受益于千鋒教育組織的技術(shù)研討會(huì)、技術(shù)培訓(xùn)課、網(wǎng)絡(luò)公開(kāi)課及免費(fèi)教學(xué)視頻。

三、ui與web前端的區(qū)別是什么？

UI設(shè)計(jì)和Web前端的工作并不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個(gè)人來(lái)做的。ui與web前端的區(qū)別主要有：

1、概念不同

UI設(shè)計(jì)（或稱(chēng)界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說(shuō)的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶(hù)界面)的簡(jiǎn)稱(chēng)。

web前端是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶(hù)的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)界面交互。

2、研究方向不同

UI設(shè)計(jì)的研究方向是：用戶(hù)研究、交互設(shè)計(jì)、界面設(shè)計(jì)；

web前端的研究方向是技術(shù)方向：包括html、css、js等需要編寫(xiě)代碼。

3、職業(yè)機(jī)會(huì)不同

UI設(shè)計(jì)的職業(yè)方向是：前端開(kāi)發(fā)工程師、資深前端開(kāi)發(fā)工程師、前端架構(gòu)師等；

web前端的職業(yè)方向是：圖形設(shè)計(jì)師、交互設(shè)計(jì)師、用戶(hù)測(cè)試/研究工程師等；

計(jì)交給美工來(lái)做，把html5、css、js的添加交給web前端工程師來(lái)做，

4、工作內(nèi)容不同

UI前端：主要負(fù)責(zé)系統(tǒng)/app，UI界面設(shè)計(jì)，以及html代碼實(shí)現(xiàn)，主要工作偏向于設(shè)計(jì)。

web前端：主要講ui提供的設(shè)計(jì)圖，編碼成靜態(tài)html，實(shí)現(xiàn)所有特效；并負(fù)責(zé)所有交互的對(duì)接，對(duì)js要求較高，會(huì)要求一些后臺(tái)接口的開(kāi)發(fā)工作，因此對(duì)后臺(tái)開(kāi)發(fā)語(yǔ)言也有一定的要求。

5、所需技術(shù)不同

web前端會(huì)用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術(shù)知識(shí)；

而UI前端需要是有很好的審美能力，通常需要有美術(shù)設(shè)計(jì)教育背景。

app前端和web前端的區(qū)別（web前端和軟件前端）

參考資料：百度百科-UI設(shè)計(jì)

參考資料：百度百科-前端開(kāi)發(fā)

四、前端和后端有什么區(qū)別？

前端開(kāi)發(fā)和后端開(kāi)發(fā)的區(qū)別，主要在以下幾點(diǎn)：

1、展示方式不同

前端指的是用戶(hù)可見(jiàn)界面，網(wǎng)站前端頁(yè)面也就是網(wǎng)頁(yè)的頁(yè)面開(kāi)發(fā)，比如網(wǎng)頁(yè)上的特效、布局、圖片、視頻、音頻等內(nèi)容。前端的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖變成瀏覽器可以運(yùn)行的網(wǎng)頁(yè)，并配合后端做網(wǎng)頁(yè)的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容。

后端是指用戶(hù)看不見(jiàn)的東西，通常是與前端工程師進(jìn)行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取，相對(duì)來(lái)說(shuō)后端涉及到的邏輯代碼比前端要多很多，后端考慮的是底層業(yè)務(wù)邏輯的實(shí)現(xiàn)，平臺(tái)的穩(wěn)定性與性能等。

（2）所用的技術(shù)不同

前端開(kāi)發(fā)用到的技術(shù)包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等技術(shù)。

后端開(kāi)發(fā) 以java為例主要用到的是包括但不限于Struts spring springmvc Hibernate Http協(xié)議 Servlet Tomcat服務(wù)器等技術(shù)。

比如做一個(gè)登錄頁(yè)面，用戶(hù)在前端頁(yè)面上輸入了賬號(hào)密碼，然后用鼠標(biāo)點(diǎn)擊了登陸按鈕，這時(shí)候前端會(huì)將賬號(hào)密碼通過(guò)請(qǐng)求接口發(fā)送給后端做處理，后端收到數(shù)據(jù)會(huì)先檢查此賬號(hào)是否存在，如果不存在，則返回給前端一條類(lèi)似于這樣的信息：“你輸入的賬號(hào)不存在，請(qǐng)重新輸入”，用戶(hù)再次重新輸入賬號(hào)，此時(shí)后端查詢(xún)賬戶(hù)存在，密碼也正確，則后端返回登錄成功的信息給前端。現(xiàn)代計(jì)算機(jī)領(lǐng)域的難題如大規(guī)模負(fù)載，海量數(shù)據(jù)處理，實(shí)時(shí)計(jì)算也是后端的，前端集中在表示層。

以上就是關(guān)于app前端和web前端的區(qū)別相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún)，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。