程序員應(yīng)該如何選擇？

最近遇到一些小萌新，他們經(jīng)常會(huì)問(wèn)到“前端是什么？后端是什么？它能做什么？前端與后端的關(guān)系是什么？”。下面，就針對(duì)這些問(wèn)題給大家解答一下。

Web前端工程師是干什么的？

我們先了解Web前端工程師是干什么的，百度百科的解釋：

Web前端開發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開發(fā)。

完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合后臺(tái)開發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開發(fā)，致力于通過(guò)技術(shù)改善用戶體驗(yàn)。

得知這個(gè)之后，那么什么是Web前端相信各位也就有個(gè)大概了解了，就是瀏覽器和app界面的開發(fā)嘛。

Web是什么呢？

Web就是萬(wàn)維網(wǎng)，要徹底的解釋這個(gè)名詞就需要些篇幅了，這里就用一句話總結(jié)，就是一種全球都公認(rèn)的協(xié)議，一個(gè)信息系統(tǒng)，必須遵守這個(gè)協(xié)議才能上網(wǎng)。

Web前端其實(shí)就是前端，或者前端技術(shù)，前端開發(fā)，這幾個(gè)名詞其實(shí)意思都差不多的。

瀏覽器界面是什么呢，比如你打開百度網(wǎng)站：

以上這個(gè)界面全是利用Web前端技術(shù)做出來(lái)的，比如上方這些：

這些字根據(jù)您的上網(wǎng)常識(shí)，應(yīng)該都知道是可以點(diǎn)擊的，點(diǎn)擊完會(huì)跳到一個(gè)新的界面，但是有些字又不能點(diǎn)擊，這就是用了前端技術(shù)實(shí)現(xiàn)的。

接著看，這個(gè)百度的logo：

不難看出，它就是一張圖片對(duì)吧，當(dāng)你控制鼠標(biāo)把光標(biāo)放上去的時(shí)候，它還會(huì)出現(xiàn)幾個(gè)字：點(diǎn)擊一下，了解更多

那么說(shuō)明，這個(gè)圖片也是可以點(diǎn)擊的，而且也可以跳到一個(gè)頁(yè)面上去。

接著再看，下面的這個(gè)

根據(jù)你的上網(wǎng)常識(shí)，應(yīng)該也知道，最長(zhǎng)的那個(gè)框里可以輸入文字，然后中間那個(gè)像相機(jī)一樣的圖片可以把圖片放上去，最右邊藍(lán)色的【百度一下】這個(gè)按鈕就是當(dāng)我們要查個(gè)東西，在左邊的框輸完文字點(diǎn)擊【百度一下】之后就會(huì)立馬顯示出我們搜索相關(guān)的數(shù)據(jù)。

朋友們，想過(guò)沒(méi)有，為什么只有那個(gè)長(zhǎng)條的框里可以輸入文字，其他地方不可以呢？為什么點(diǎn)那個(gè)相機(jī)圖片位置會(huì)提示讓你傳圖片呢？

為什么點(diǎn)【百度一下】就可以實(shí)現(xiàn)我們的查詢呢？而且按鍵盤上的回車鍵和點(diǎn)【百度一下】的效果是一樣的。以上這些也是前端技術(shù)實(shí)現(xiàn)的。

最后再看底部：

這些看起來(lái)，有的也是可以點(diǎn)擊的，有的不可以。和之前的一樣也是點(diǎn)擊就可以跳轉(zhuǎn)，所以不多說(shuō)了。

好的，根據(jù)以上的大概描述，那些功能是通過(guò)怎樣的前端技術(shù)實(shí)現(xiàn)的，這個(gè)我們暫且不提（以后會(huì)詳細(xì)介紹），朋友們，你有沒(méi)有個(gè)疑問(wèn)，這些東西的排版有沒(méi)有問(wèn)題，它們?yōu)槭裁淳涂梢赃@么排版，比如，那個(gè)輸入框?yàn)槭裁床辉谟蚁陆牵谡麄€(gè)頁(yè)面的正中間呢？

相信你已經(jīng)可以搶答了，是的，它也是前端技術(shù)實(shí)現(xiàn)。

以上的這些所有的，就是前端技術(shù)或者說(shuō)Web前端，而在早期不叫Web前端，而叫頁(yè)面設(shè)計(jì)（不太等同于現(xiàn)在的頁(yè)面設(shè)計(jì)），網(wǎng)頁(yè)設(shè)計(jì)，當(dāng)然現(xiàn)在也有很多人這么叫。

掌握這個(gè)技術(shù)的人，就是前面說(shuō)的Web前端工程師，或者早期的叫網(wǎng)頁(yè)設(shè)計(jì)師。

什么是后端？

說(shuō)到這，相信很多人會(huì)問(wèn)，什么又是后端。在這之前先說(shuō)個(gè)事，其實(shí)在最開始，前端和后端是沒(méi)有嚴(yán)格區(qū)分的，也就是說(shuō)前端后端都要搞，這個(gè)的話在現(xiàn)在來(lái)看有另外一個(gè)詞語(yǔ)叫全棧。

后端就是除了前端以外的所有技術(shù)都是后端，后端就是在服務(wù)器上運(yùn)行的，比如和數(shù)據(jù)庫(kù)交互，邏輯實(shí)現(xiàn)，對(duì)前端的響應(yīng)和請(qǐng)求等等這些就是后端技術(shù)。

比如你在瀏覽器地址里輸入【www.baidu.com】會(huì)立馬顯示百度首頁(yè)，其實(shí)這就是瀏覽器和后端交互的過(guò)程，不然的話，你想為什么就會(huì)顯示百度，而不顯示其他網(wǎng)站呢？

這里就是瀏覽器對(duì)服務(wù)器的請(qǐng)求，告訴百度的服務(wù)器，我要訪問(wèn)你的首頁(yè)，百度服務(wù)器作出響應(yīng)，說(shuō)好的，然后返回了一些數(shù)據(jù)給瀏覽器，瀏覽器再把服務(wù)器返回的這個(gè)數(shù)據(jù)重新格式化了下再顯示到界面上，這才是我們看到的百度首頁(yè)

然后比如我利用百度搜索一個(gè)數(shù)據(jù)：

這些返回來(lái)的數(shù)據(jù)也是服務(wù)器上的后端通過(guò)前端發(fā)來(lái)的請(qǐng)求，去和數(shù)據(jù)庫(kù)交互之后拿到結(jié)果響應(yīng)給前端的。

前后端關(guān)系

網(wǎng)站的“前端”是與用戶直接交互的部分，包括你在瀏覽網(wǎng)頁(yè)時(shí)接觸的所有視覺內(nèi)容--從字體到顏色，以及下拉菜單和側(cè)邊欄。這些視覺內(nèi)容，都是由瀏覽器解析、處理、渲染相關(guān) HTML、CSS、Javascript 文件后呈現(xiàn)而來(lái)。

是什么給網(wǎng)站前端提供支持？數(shù)據(jù)存放在哪里？這就涉及后端內(nèi)容了。網(wǎng)站后端包括服務(wù)器、應(yīng)用還有數(shù)據(jù)庫(kù)。后端開發(fā)者構(gòu)建并維護(hù)這些組件，為網(wǎng)站提供多方面支持。

所以，網(wǎng)站的運(yùn)營(yíng)，前后端缺一不可，前后端是并列合作關(guān)系。通過(guò)上面的解釋不知道大家對(duì)前端和后端有沒(méi)有更多的認(rèn)識(shí)。希望我的回答能幫到樓主！

更多前端和后端行業(yè)動(dòng)態(tài)、學(xué)習(xí)資料，可以關(guān)注“武漢千鋒”微信公眾號(hào)！