資訊專欄INFORMATION COLUMN
摘要：簡(jiǎn)介什么是前端說(shuō)這個(gè)之前，我們先了解前端工程師是干什么的，百度百科的解釋前端開(kāi)發(fā)工程師，主要職責(zé)是利用等各種技術(shù)進(jìn)行客戶端產(chǎn)品的開(kāi)發(fā)。
說(shuō)這個(gè)之前，我們先了解web前端工程師是干什么的，百度百科的解釋：
Web前端開(kāi)發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開(kāi)發(fā)。完成客戶端程序（也就是瀏覽器端）的開(kāi)發(fā)，開(kāi)發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合后臺(tái)開(kāi)發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開(kāi)發(fā)，致力于通過(guò)技術(shù)改善用戶體驗(yàn)
得知這個(gè)之后，那么什么是web前端相信各位也就有個(gè)大概了解了，就是瀏覽器和app界面的開(kāi)發(fā)嘛。
web是什么呢？web就是萬(wàn)維網(wǎng)，要徹底的解釋這個(gè)名詞就需要些篇幅了，這里就用一句話總結(jié)，就是一種全球都公認(rèn)的協(xié)議，一個(gè)信息系統(tǒng)，必須遵守這個(gè)協(xié)議才能上網(wǎng)。web前端其實(shí)就是前端，或者前端技術(shù)，前端開(kāi)發(fā)，這幾個(gè)名詞其實(shí)意思都差不多的
瀏覽器界面是什么呢，比如你打開(kāi)百度網(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)我們的查詢呢？而且按鍵盤(pán)上的回車(chē)鍵和點(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í)在最開(kāi)始，前端和后端是沒(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)給前端的
好的，我已經(jīng)盡量的把我理解的描述出來(lái)了，如果有錯(cuò)，各位望指出
前端和后端就是這樣的關(guān)系，什么是前端相信各位看了也有個(gè)大概了解了，如果因?yàn)榭戳宋业倪@篇文章還是沒(méi)懂，這里先說(shuō)聲抱歉，然后勞煩請(qǐng)忘記我的描述，去百度一下技術(shù)大佬更專業(yè)的描述。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/1568.html
閱讀須知 本文不談及老技術(shù)（畢竟沒(méi)有經(jīng)歷那個(gè)年代，emmm），只談一些個(gè)人體會(huì)，如果會(huì)有部分內(nèi)容與你想法不同，以你為準(zhǔn)。 大學(xué)期間對(duì)于前端的學(xué)習(xí) 對(duì)于我雙非本科小菜雞來(lái)說(shuō)，最開(kāi)始入門(mén)的語(yǔ)言是 C 語(yǔ)言，之后大二大三就以 Java 語(yǔ)言為主。后面了解了一下其它學(xué)校同學(xué)學(xué)習(xí)的課程，好像大部分也是以 Java 為主，不過(guò)有的學(xué)校會(huì)教學(xué)一些 Web 前端的課程，這個(gè)是挺好的。 我是僅僅大二學(xué)了一本 《We...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_(kāi)發(fā)少不了拼裝模板，渲染模板。我們今天就來(lái)聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_(kāi)發(fā)少不了拼裝模板，渲染模板。我們今天就來(lái)聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_(kāi)發(fā)少不了拼裝模板，渲染模板。我們今天就來(lái)聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：移動(dòng)端應(yīng)用一般都運(yùn)行在微信瀏覽器中中手機(jī)瀏覽器中。因?yàn)槲⑿艦g覽器是定制的瀏覽器，一般的遠(yuǎn)程調(diào)試方式都不可用，需要配合特定的工具，如微信開(kāi)發(fā)者工具。 前端如何高效的與后端協(xié)作開(kāi)發(fā) 1. 前后端分離 前端與后端的分離，能使前端的開(kāi)發(fā)脫離后端的開(kāi)發(fā)模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁(yè)面應(yīng)用等。 可以參考：前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...
閱讀 730·2023-04-25 19:43
閱讀 3974·2021-11-30 14:52
閱讀 3801·2021-11-30 14:52
閱讀 3865·2021-11-29 11:00
閱讀 3796·2021-11-29 11:00
閱讀 3894·2021-11-29 11:00
閱讀 3571·2021-11-29 11:00
閱讀 6154·2021-11-29 11:00
