正文

簡(jiǎn)述web的基本工作原理（簡(jiǎn)述web的基本工作原理是什么）

發(fā)布時(shí)間：2023-04-13 22:38:08 稿源：創(chuàng)意嶺閱讀： 72

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于簡(jiǎn)述web的基本工作原理的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來(lái)看看吧。

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

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

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

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

本文目錄:

1、瀏覽器工作原理？
2、什么是Web前端？
3、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的工作原理？
4、什么是web端？

簡(jiǎn)述web的基本工作原理（簡(jiǎn)述web的基本工作原理是什么）

一、瀏覽器工作原理？

工作原理如下：

1、解析HTML構(gòu)建Dom樹（Document Object Model，文檔對(duì)象模型），DOM 是W3C組織推薦的處理可擴(kuò)展置標(biāo)語(yǔ)言的標(biāo)準(zhǔn)編程接口。

2、構(gòu)建渲染樹，渲染樹并不等同于Dom樹，像head標(biāo)簽或 display: none這樣的元素就不需要放到渲染樹中了，但它們?cè)贒om樹中。

3、對(duì)渲染樹進(jìn)行布局，定位坐標(biāo)和大小、確定是否換行、確定position、overflow、z-index等等，這個(gè)過程叫"layout" 或 "reflow"。

4、繪制渲染樹，調(diào)用操作系統(tǒng)底層API進(jìn)行繪圖。

簡(jiǎn)述web的基本工作原理（簡(jiǎn)述web的基本工作原理是什么）

擴(kuò)展資料：

瀏覽器額的特點(diǎn)：

1、所有主流網(wǎng)頁(yè)瀏覽器都可透過多個(gè)窗口或多個(gè)標(biāo)簽頁(yè)同時(shí)打開多種信息資源，亦可攔截彈出式廣告，以防止不必要的窗口在未經(jīng)用戶同意的情況下彈出。

2、大部分網(wǎng)頁(yè)瀏覽器皆支持HTTPS，并可快捷地清除網(wǎng)頁(yè)快照、Cookie及瀏覽記錄。

3、瀏覽器擴(kuò)展是一種擴(kuò)展網(wǎng)頁(yè)瀏覽器功能的計(jì)算機(jī)程序。每個(gè)主流的網(wǎng)頁(yè)瀏覽器都支持?jǐn)U展的開發(fā)。

參考資料來(lái)源：百度百科-瀏覽器

二、什么是Web前端？

許多初學(xué)者對(duì)WEB前端還很陌生，不知道什么是Web前端？web前端是干什么的？以及web前端技術(shù)需要學(xué)習(xí)什么？其實(shí)Web前端開發(fā)也戲稱“web前端開發(fā)攻城獅”，目前這個(gè)職位也叫“大前端”。這個(gè)職位好多人并不知道是怎么叫出來(lái)的，那么我偷偷告訴你：其實(shí)是淘寶團(tuán)隊(duì)，發(fā)明出來(lái)的本土化的名稱，因?yàn)闅v史原因，淘寶在2005以后迅速崛起，并且爆發(fā)式的訪問量，讓淘寶網(wǎng)的用戶體驗(yàn)受到巨大考驗(yàn)和急需前進(jìn)。

然后淘寶官方第一次有了【web前端開發(fā)】這個(gè)字眼和招聘職位，或許其他網(wǎng)站也想到了這樣一種描述，但是畢竟知名度巨高的淘寶，受關(guān)注度自然高，口碑相傳，就把前端開發(fā)這個(gè)叫法發(fā)揚(yáng)光大了。

而那時(shí)候的網(wǎng)頁(yè)設(shè)計(jì)師如果要入此道，必須要掌握的就是Dreamweaver，并不是說只有他能寫html和css，而是它在當(dāng)時(shí)的自動(dòng)提示實(shí)在太好用、太強(qiáng)大了，簡(jiǎn)直不用費(fèi)腦細(xì)胞，你就可以輕輕松松地完成你所想。在當(dāng)時(shí)前端工具和編輯器貧乏的時(shí)代，這個(gè)絕對(duì)是神奇級(jí)別了（當(dāng)然后來(lái)寫的多了都熟悉基本不用提示的）。當(dāng)年還有很多基于Dreamweaver構(gòu)建網(wǎng)站的教程，那時(shí)候真的是個(gè)基情滿滿的年代，這些工具類的歷史產(chǎn)物，有興趣的朋友可以去了解一下就好了.

Web前端工程師主要做什么？前端工程師需要的知識(shí)和技能？

前端工程師是互聯(lián)網(wǎng)時(shí)代軟件產(chǎn)品研發(fā)中不可缺少的一種專業(yè)研發(fā)角色。從狹義上講，前端工程師使用HTML、CSS、JavaScript等專業(yè)技能和工具將產(chǎn)品UI設(shè)計(jì)稿實(shí)現(xiàn)成網(wǎng)站產(chǎn)品，涵蓋用戶PC端、移動(dòng)端網(wǎng)頁(yè)，處理視覺和交互問題。從廣義上來(lái)講，所有用戶終端產(chǎn)品與視覺和交互有關(guān)的部分，都是前端工程師的專業(yè)領(lǐng)域。

前端是最接近產(chǎn)品和設(shè)計(jì)的工程師，起到銜接產(chǎn)品和技術(shù)的作用，前端為用戶可以看到的部分負(fù)責(zé)，所以也是最接近用戶的工程師。

在多終端的時(shí)代，如果一個(gè)產(chǎn)品同時(shí)支持PC、移動(dòng)端，前端工程師還需要和更多的角色打交道。

前端要解決界面和交互問題，實(shí)際上UI層面上的問題一直是軟件工程方面的一個(gè)難題，因?yàn)閁I不停地在變化。瀏覽器各個(gè)版本的兼容性、Web標(biāo)準(zhǔn)、移動(dòng)設(shè)備、多終端適配，給了前端工程師很大的挑戰(zhàn)，對(duì)前端工程師的能力也有很高的要求。許多UI問題有不只一種解決方法，許多問題有非常巧妙的思路和精彩的解決辦法，前端在工程師群體里是屬于非常有創(chuàng)造力的一個(gè)群體，因?yàn)檫@個(gè)行業(yè)需要豐富的創(chuàng)造力和想象力。

前端工程師還是Web標(biāo)準(zhǔn)的制定者、實(shí)踐者和推動(dòng)者，而現(xiàn)在的W3C標(biāo)準(zhǔn)不僅僅局限于瀏覽器，還包括各種手持智能設(shè)備，車載設(shè)備、智能家居等等。在未來(lái)萬(wàn)物互聯(lián)的時(shí)代，前端將不僅僅是網(wǎng)頁(yè)上的工程師，而是所有人機(jī)交互領(lǐng)域的工程師。

web前端自學(xué)建議：

1、作為一個(gè)初學(xué)者，你必須明確系統(tǒng)的學(xué)習(xí)方案，我建議一定要有一個(gè)指導(dǎo)人，全靠自己學(xué)，放棄的幾率非常大，在你對(duì)于web前端還沒有任何概念的時(shí)候，需要一個(gè)人領(lǐng)進(jìn)門，之后就全靠自己鉆研，第一步就是確定web前端都需要學(xué)哪些東西，并且在多長(zhǎng)時(shí)間內(nèi)學(xué)完，建議時(shí)間6個(gè)月保底。

2、視頻為主，書為輔。很多初學(xué)者在學(xué)習(xí)前端的時(shí)候非常喜歡去買書，但是最后的結(jié)果是什么？看來(lái)看去什么都不會(huì)寫，所以在這里告訴大家，書可以看，但是是建立在你已經(jīng)對(duì)于某個(gè)知識(shí)點(diǎn)有了具體的操作的執(zhí)行后，再用書去鞏固概念，這樣更加利于你對(duì)知識(shí)的理解。

3、對(duì)于學(xué)習(xí)技術(shù)來(lái)講，掌握一個(gè)學(xué)習(xí)方法是非常重要的，其實(shí)對(duì)于學(xué)習(xí)web前端來(lái)講，學(xué)習(xí)方法確實(shí)很多都是相通的，一旦學(xué)習(xí)方法不對(duì)，可能就會(huì)造成“方法不對(duì)，努力白費(fèi)”。其實(shí)關(guān)于這反面還是很多的，我就簡(jiǎn)單說個(gè)例子，有的人邊聽課邊敲代碼，這樣是不對(duì)的，聽課的時(shí)候就專心聽，做題的時(shí)候就專心做題，這都是過來(lái)人的經(jīng)驗(yàn)，一定要聽。根據(jù)每個(gè)人的不同，可能學(xué)習(xí)方法也會(huì)有所出路，找到適合自己的學(xué)習(xí)方法是學(xué)習(xí)的前提。

自學(xué)路線：

簡(jiǎn)述web的基本工作原理（簡(jiǎn)述web的基本工作原理是什么）

請(qǐng)點(diǎn)擊輸入圖片描述

第1階段：前端頁(yè)面重構(gòu)(4周)

內(nèi)容包含了：(PC端網(wǎng)站布局項(xiàng)目、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebApp頁(yè)面布局項(xiàng)目)

第2階段：JavaScript高級(jí)程序設(shè)計(jì)(5周)

內(nèi)容包含：(原生JavaScript交互功能開發(fā)項(xiàng)目、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項(xiàng)目、JavaScript工具庫(kù)自主研發(fā)項(xiàng)目)

第3階段：PC端全棧項(xiàng)目開發(fā)(3周)

內(nèi)容包含：(jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開發(fā)項(xiàng)目、前端工程化與模塊化應(yīng)用項(xiàng)目、PC端網(wǎng)站開發(fā)項(xiàng)目、PC端管理信息系統(tǒng)前端開發(fā)項(xiàng)目)

第4階段：移動(dòng)端項(xiàng)目開發(fā)(6周)

內(nèi)容包含：(Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用Angular+Ionic開發(fā)WebApp項(xiàng)目、應(yīng)用Vue.js開發(fā)WebApp項(xiàng)目、應(yīng)用React.js開發(fā)WebApp項(xiàng)目)

第5階段：混合(Hybrid,ReactNative)開發(fā)(1周)

內(nèi)容包含：(微信小程序開發(fā)、ReactNative、各類混合應(yīng)用開發(fā))

第6階段：NodeJS全棧開發(fā)(1周)

內(nèi)容包括：(WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫(kù))

書籍資料自己上網(wǎng)查查，視頻教程的話，我建議你去B站溜達(dá)溜達(dá)，很多全套并且免費(fèi)的教程都在B站，還有很多大佬直播講解知識(shí)點(diǎn)，和不錯(cuò)哦！

三、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的工作原理？

1、靜態(tài)網(wǎng)頁(yè)的工作原理：

靜態(tài)網(wǎng)頁(yè)面通常是超文本標(biāo)記語(yǔ)言文檔存儲(chǔ)為文件在文件系統(tǒng)里頭，并且可以通過HTTP訪問網(wǎng)絡(luò)服務(wù)器。

2、動(dòng)態(tài)網(wǎng)頁(yè)的工作原理：

動(dòng)態(tài)網(wǎng)頁(yè)是基本的html語(yǔ)法規(guī)范與Java、VB、VC等高級(jí)程序設(shè)計(jì)語(yǔ)言、數(shù)據(jù)庫(kù)編程等多種技術(shù)的融合，以期實(shí)現(xiàn)對(duì)網(wǎng)站內(nèi)容和風(fēng)格的高效、動(dòng)態(tài)和交互式的管理。

簡(jiǎn)述web的基本工作原理（簡(jiǎn)述web的基本工作原理是什么）

擴(kuò)展資料

靜態(tài)的特點(diǎn)：

1、網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶訪問，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件；

2、靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；

3、靜態(tài)網(wǎng)頁(yè)沒有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難；

4、減輕了服務(wù)器的負(fù)擔(dān)，工作量減少，也就降低了數(shù)據(jù)庫(kù)的成本。

5、靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。

6、頁(yè)面瀏覽速度迅速，過程無(wú)需連接數(shù)據(jù)庫(kù)，開啟頁(yè)面速度快于動(dòng)態(tài)頁(yè)面。

參考資料來(lái)源：百度百科—?jiǎng)討B(tài)網(wǎng)頁(yè)

參考資料來(lái)源：百度百科—靜態(tài)網(wǎng)頁(yè)

四、什么是web端？

其實(shí)web前端是一個(gè)新詞匯，剛開始的時(shí)候只有美工和程序，后來(lái)隨著web的發(fā)展，對(duì)用戶交互的需求越來(lái)越高，就衍生出了ui（用戶交互頁(yè)面）這除了視覺效果還要有交互體驗(yàn)，就需要js去實(shí)現(xiàn)，畢竟一個(gè)人的精力是有限的，這么多的工作不可能由一個(gè)人去實(shí)現(xiàn)，于是出圖就成了前端美工，切圖出html css就成了前端切圖，js就成了前端交互。一般情況下出圖和html頁(yè)面是一個(gè)人完成，而js效果由程序員去寫，因?yàn)楫吘苟际浅绦蚰_本，程序員學(xué)起來(lái)相對(duì)容易一些。

以上就是關(guān)于簡(jiǎn)述web的基本工作原理相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。