Web前端學習(1) 上網的過程與網頁的本質

2022-09-16 14:33:11 字數 867 閱讀 1895

就上網方式而言,常見方式如下:

上網過程

其實不論用哪種方式「上網」,本質上都是同一件事:

我們告訴瀏覽器我們需要乙份網頁。那麼,瀏覽器知道了我們想要乙個網頁後,它是怎麼做的呢?瀏覽器就會向伺服器請求這個網頁,伺服器找到這份網頁後就會返還給瀏覽器,由瀏覽器解釋後顯示出來——這就是我們上網的過程。其具體流程如下圖:

網頁從流程圖中我們可以一目了然地明白上網的流程,但是其中的網頁又是什麼呢?

當我們通過瀏覽器向伺服器請求乙個網頁時,實際上是請求乙個html文件。html文件——這就是我們所說的網頁檔案。所以,當我們略加修改,我們可以得到下圖:

html文件

我們已經初步了解了上網過程與網頁的本質,但是在上圖,你會看到乙個名為「我的網頁.html」的html文件,html——超文字標記語言(hypertext markup language),html文件就是用這種語言寫的文件。也就是說,如果你想要自己製作網頁,就必須掌握html。在下一章,我將介紹如何建立乙份html文件並簡單介紹html文件的結構。

web前端的學習路線

對於很多人來說,問題的關鍵在於沒有找到正確的發展方向,他不知道自己該學什麼?前端更是體系龐雜,很難從一而終,於是特意抽出一部分時間來總結一下路線,幫助大家。html css基礎 js語法基礎。學完基礎後,可以仿照電商 例如京東 小公尺 做首頁的布局。js語法高階。包括 作用域和閉包 this和物件原...

我的web前端工作日記1 web前端經驗

主要是可以讓自己保持學習,堅持總結。也希望能讓懷揣著前端夢想的 準備進入前端的你,了解到web前端的工作是怎麼樣的。首先介紹一下的情況。2017年畢業於廣州的一間2本學校,做了一年js少兒程式設計老師,雖然也會做一下前端專案,但是感覺進步不是很大,所以就想去外面當世界看看。後來找到乙份前端工作,是在...

web前端的學習日誌(4)

render function createelement 進一步縮寫為 es6 語法 render createelement 再進一步縮寫為 render h 按照 es6 箭頭函式的寫法,就得到了 由於這段時間面試被問過es6的新特性,我沒有系統學習過,只是碰到就了解一哈 這些學習一下es6中...