更多課程 選擇中心

Web培訓
美國上市教育機構

400-111-8989

Web培訓

用百度首頁來介紹web前端是做什么的?與后端有什么關系?

  • 發布:Web前端培訓
  • 來源:Web職場
  • 時間:2020-04-28 17:34

今天小編要跟大家分享的文章是關于用百度首頁來介紹web前端是做什么的?與后端有什么關于?今天我們用一個小案例來具體說明“web前端”到底是什么?有什么作用?與后端的關系是什么樣的?希望對你有所幫助。

一、Web工程師是干什么的?

我們先了解web前端工程師是干什么的,百度百科的解釋:

Web前端開發工程師,主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。

完成客戶端程序(也就是瀏覽器端)的開發,開發JavaScript以及Flash模塊,同時結合后臺開發技術模擬整體效果,進行豐富互聯網的Web開發,致力于通過技術改善用戶體驗

得知這個之后,那么什么是web前端相信各位也就有個大概了解了,就是瀏覽器和app界面的開發嘛。

web是什么呢?web就是萬維網,要徹底的解釋這個名詞就需要些篇幅了,這里就用一句話總結,就是一種全球都公認的協議,一個信息系統,必須遵守這個協議才能上網。

web前端其實就是前端,或者前端技術,前端開發,這幾個名詞其實意思都差不多的。

瀏覽器界面是什么呢,比如你打開百度網站

用百度首頁來介紹web前端是做什么的

以上這個界面全是利用web前端技術做出來的,比如上方這些:

用百度首頁來介紹web前端是做什么的

這些字根據您的上網常識,應該都知道是可以點擊的,點擊完會跳到一個新的界面,但是有些字又不能點擊,這就是用了前端技術實現的。

接著看,這個百度的logo

用百度首頁來介紹web前端是做什么的

不難看出,它就是一張圖片對吧,當你控制鼠標把光標放上去的時候,它還會出現幾個字:點擊一下,了解更多

用百度首頁來介紹web前端是做什么的

那么說明,這個圖片也是可以點擊的,而且也可以跳到一個頁面上去。

接著再看,下面的這個

用百度首頁來介紹web前端是做什么的

根據你的上網常識,應該也知道,最長的那個框里可以輸入文字,然后中間那個像相機一樣的圖片可以把圖片放上去,最右邊藍色的【百度一下】這個按鈕就是當我們要查個東西,在左邊的框輸完文字點擊【百度一下】之后就會立馬顯示出我們搜索相關的數據。

朋友們,想過沒有,為什么只有那個長條的框里可以輸入文字,其他地方不可以呢?為什么點那個相機圖片位置會提示讓你傳圖片呢?

為什么點【百度一下】就可以實現我們的查詢呢?而且按鍵盤上的回車鍵和點【百度一下】的效果是一樣的。以上這些也是前端技術實現的

最后再看底部

用百度首頁來介紹web前端是做什么的

這些看起來,有的也是可以點擊的,有的不可以。和之前的一樣也是點擊就可以跳轉,所以不多說了。

好的,根據以上的大概描述,那些功能是通過怎樣的前端技術實現的,這個我們暫且不提(以后會詳細介紹),朋友們,你有沒有個疑問,這些東西的排版有沒有問題,它們為什么就可以這么排版,比如,那個輸入框為什么不在右下角,而在整個頁面的正中間呢?

相信你已經可以搶答了,是的,它也是前端技術實現。

以上的這些所有的,就是前端技術或者說web前端,而在早期不叫web前端,而叫頁面設計(不太等同于現在的頁面設計),網頁設計,當然現在也有很多人這么叫。

掌握這個技術的人,就是前面說的web前端工程師,或者早期的叫網頁設計師。

二、什么是后端?

說到這,相信很多人會問,什么又是后端。在這之前先說個事,其實在最開始,前端和后端是沒有嚴格區分的,也就是說前端后端都要搞,這個的話在現在來看有另外一個詞語叫全棧。

后端就是除了前端以外的所有技術都是后端,后端就是在服務器上運行的,比如和數據庫交互,邏輯實現,對前端的響應和請求等等這些就是后端技術。

比如你再瀏覽器地址里輸入【www.baidu.com】會立馬顯示百度首頁,其實這就是瀏覽器和后端交互的過程,不然的話,你想為什么就會顯示百度,而不顯示其他網站呢?

這里就是瀏覽器對服務器的請求,告訴百度的服務器,我要訪問你的首頁,百度服務器作出響應,說好的,然后返回了一些數據給瀏覽器,瀏覽器再把服務器返回的這個數據重新格式化了下再顯示到界面上,這才是我們看到的百度首頁

用百度首頁來介紹web前端是做什么的

然后比如我利用百度搜索一個數據:

用百度首頁來介紹web前端是做什么的

這些返回來的數據也是服務器上的后端通過前端發來的請求,去和數據庫交互之后拿到結果響應給前端的。

用百度首頁來介紹web前端是做什么的

三、前后端關系

網站的“前端”是與用戶直接交互的部分,包括你在瀏覽網頁時接觸的所有視覺內容--從字體到顏色,以及下拉菜單和側邊欄。這些視覺內容,都是由瀏覽器解析、處理、渲染相關HTML、CSS、Javascript文件后呈現而來。

是什么給網站前端提供支持?數據存放在哪里?這就涉及后端內容了。網站后端包括服務器、應用還有數據庫。后端開發者構建并維護這些組件,為網站提供多方面支持。

所以,網站的運營,前后端缺一不可,前后端是并列合作關系。

以上就是小編今天為大家分享的關于用百度首頁來介紹web前端是做什么的?與后端有什么關系的文章,希望本篇文章能夠對正在從事web前端工作的小伙伴們有所幫助,想要了解更多web前端知識的小伙伴們記得關注達內web前端培訓官網。最后祝愿小伙們工作順利!

【免責聲明:本文圖片及文字信息均由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除。】

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

上一篇:自學編程的誤區有哪些?
下一篇:學習Web前端技術要學習多久?Web前端學習要經歷哪些階段?

學習Web前端開發要學習什么?會用到哪些工具?

Web前端開發工程師入門必備指南

Web前端工程師要掌握的Web前端性能優化方法

成為Web前端工程的必備基礎技能

選擇城市和中心
黑龍江省

吉林省

河北省

貴州省

云南省

廣西省

海南省

开心激情五月天