資訊專欄INFORMATION COLUMN
摘要：簡介什么是前端說這個之前，我們先了解前端工程師是干什么的，百度百科的解釋前端開發(fā)工程師，主要職責是利用等各種技術(shù)進行客戶端產(chǎn)品的開發(fā)。
說這個之前，我們先了解web前端工程師是干什么的，百度百科的解釋：
Web前端開發(fā)工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進行客戶端產(chǎn)品的開發(fā)。完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時結(jié)合后臺開發(fā)技術(shù)模擬整體效果，進行豐富互聯(lián)網(wǎng)的Web開發(fā)，致力于通過技術(shù)改善用戶體驗
得知這個之后，那么什么是web前端相信各位也就有個大概了解了，就是瀏覽器和app界面的開發(fā)嘛。
web是什么呢？web就是萬維網(wǎng)，要徹底的解釋這個名詞就需要些篇幅了，這里就用一句話總結(jié)，就是一種全球都公認的協(xié)議，一個信息系統(tǒng)，必須遵守這個協(xié)議才能上網(wǎng)。web前端其實就是前端，或者前端技術(shù)，前端開發(fā)，這幾個名詞其實意思都差不多的
瀏覽器界面是什么呢，比如你打開百度網(wǎng)站
以上這個界面全是利用web前端技術(shù)做出來的，比如上方這些：
這些字根據(jù)您的上網(wǎng)常識，應該都知道是可以點擊的，點擊完會跳到一個新的界面，但是有些字又不能點擊，這就是用了前端技術(shù)實現(xiàn)的
接著看，這個百度的logo
不難看出，它就是一張圖片對吧，當你控制鼠標把光標放上去的時候，它還會出現(xiàn)幾個字：點擊一下，了解更多
那么說明，這個圖片也是可以點擊的，而且也可以跳到一個頁面上去
接著再看，下面的這個
根據(jù)你的上網(wǎng)常識，應該也知道，最長的那個框里可以輸入文字，然后中間那個像相機一樣的圖片可以把圖片放上去，最右邊藍色的【百度一下】這個按鈕就是當我們要查個東西，在左邊的框輸完文字點擊【百度一下】之后就會立馬顯示出我們搜索相關(guān)的數(shù)據(jù)。
朋友們，想過沒有，為什么只有那個長條的框里可以輸入文字，其他地方不可以呢？為什么點那個相機圖片位置會提示讓你傳圖片呢？為什么點【百度一下】就可以實現(xiàn)我們的查詢呢？而且按鍵盤上的回車鍵和點【百度一下】的效果是一樣的。以上這些也是前端技術(shù)實現(xiàn)的
最后再看底部
這些看起來，有的也是可以點擊的，有的不可以。和之前的一樣也是點擊就可以跳轉(zhuǎn)，所以不多說了
好的，根據(jù)以上的大概描述，那些功能是通過怎樣的前端技術(shù)實現(xiàn)的，這個我們暫且不提（以后會詳細介紹），朋友們，你有沒有個疑問，這些東西的排版有沒有問題，它們?yōu)槭裁淳涂梢赃@么排版，比如，那個輸入框為什么不在右下角，而在整個頁面的正中間呢？相信你已經(jīng)可以搶答了，是的，它也是前端技術(shù)實現(xiàn)
以上的這些所有的，就是前端技術(shù)或者說web前端，而在早期不叫web前端，而叫頁面設計（不太等同于現(xiàn)在的頁面設計），網(wǎng)頁設計，當然現(xiàn)在也有很多人這么叫。掌握這個技術(shù)的人，就是前面說的web前端工程師，或者早期的叫網(wǎng)頁設計師。
說到這，相信很多人會問，什么又是后端。在這之前先說個事，其實在最開始，前端和后端是沒有嚴格區(qū)分的，也就是說前端后端都要搞，這個的話在現(xiàn)在來看有另外一個詞語叫全棧。
后端就是除了前端以外的所有技術(shù)都是后端，后端就是在服務器上運行的，比如和數(shù)據(jù)庫交互，邏輯實現(xiàn)，對前端的響應和請求等等這些就是后端技術(shù)。
比如你再瀏覽器地址里輸入【www.baidu.com】會立馬顯示百度首頁，其實這就是瀏覽器和后端交互的過程，不然的話，你想為什么就會顯示百度，而不顯示其他網(wǎng)站呢？這里就是瀏覽器對服務器的請求，告訴百度的服務器，我要訪問你的首頁，百度服務器作出響應，說好的，然后返回了一些數(shù)據(jù)給瀏覽器，瀏覽器再把服務器返回的這個數(shù)據(jù)重新格式化了下再顯示到界面上，這才是我們看到的百度首頁
然后比如我利用百度搜索一個數(shù)據(jù)：
這些返回來的數(shù)據(jù)也是服務器上的后端通過前端發(fā)來的請求，去和數(shù)據(jù)庫交互之后拿到結(jié)果響應給前端的
好的，我已經(jīng)盡量的把我理解的描述出來了，如果有錯，各位望指出
前端和后端就是這樣的關(guān)系，什么是前端相信各位看了也有個大概了解了，如果因為看了我的這篇文章還是沒懂，這里先說聲抱歉，然后勞煩請忘記我的描述，去百度一下技術(shù)大佬更專業(yè)的描述。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1568.html
閱讀須知 本文不談及老技術(shù)（畢竟沒有經(jīng)歷那個年代，emmm），只談一些個人體會，如果會有部分內(nèi)容與你想法不同，以你為準。 大學期間對于前端的學習 對于我雙非本科小菜雞來說，最開始入門的語言是 C 語言，之后大二大三就以 Java 語言為主。后面了解了一下其它學校同學學習的課程，好像大部分也是以 Java 為主，不過有的學校會教學一些 Web 前端的課程，這個是挺好的。 我是僅僅大二學了一本 《We...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
摘要：移動端應用一般都運行在微信瀏覽器中中手機瀏覽器中。因為微信瀏覽器是定制的瀏覽器，一般的遠程調(diào)試方式都不可用，需要配合特定的工具，如微信開發(fā)者工具。 前端如何高效的與后端協(xié)作開發(fā) 1. 前后端分離 前端與后端的分離，能使前端的開發(fā)脫離后端的開發(fā)模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應用等。 可以參考：前后端分離、web與static服務器分離 2. 盡量避免后端模板...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3557·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00
