4 - 從URL輸入到頁面展現(xiàn)

面試常見問題之一,講解了域名解析、服務器、MVC、瀏覽器渲染等概念

步驟一 輸入URL

URL是統(tǒng)一資源定位符,用于定位互聯(lián)網(wǎng)上的資源,包含http、https、ftp、file等協(xié)議。

步驟二 域名解析

對于http://xxx.com的URL,瀏覽器實際上不知道http://xxx.com到底是什么東西,需要查找該網(wǎng)站所在服務器的IP地址,才能找到目標。一方面,IP地址比較難以記憶,另一方面,一個網(wǎng)站可能對應多個IP,所以有了域名的存在。

域名解析流程

  • 什么是DNS?
    DNS 是域名系統(tǒng) (Domain Name System) 的縮寫,它是由解析器和域名服務器組成的。域名服務器是指保存有該網(wǎng)絡中所有主機的域名和對應IP地址,并具有將域名轉(zhuǎn)換為IP地址功能的服務器。其中域名必須對應一個IP地址,而IP地址不一定有域名。域名系統(tǒng)采用類似目錄樹的等級結構。在Internet上域名與IP地址之間是一對一(或者多對一)的,域名雖然便于人們記憶,但機器之間只能互相認識IP地址,它們之間的轉(zhuǎn)換工作稱為域名解析,域名解析需要由專門的域名解析服務器來完成,DNS就是進行域名解析的服務器。域名的最終指向是IP。
  • 實踐點
    現(xiàn)在做手機界面的開發(fā)代碼基本完成后,我們用電腦測試沒有問題后,想測試移動端。因為目前產(chǎn)品沒有上線,無法通過輸入域名進行測試。
    方法:手機與電腦連接到同一個Wifi下,利用電腦IP地址訪問電腦上面的服務器.

步驟三 服務器處理

服務器說白就是一臺計算機。服務器是一臺安裝系統(tǒng)的機器,常見的系統(tǒng)有Linux、windows server 2012,系統(tǒng)里安裝的處理請求的應用叫Web server。

步驟四 瀏覽器處理

HTML字符串被瀏覽器接受后被一句句讀取解析,解析到link標簽后重新發(fā)送請求獲取css,解析到script標簽后發(fā)送請求獲取js,并執(zhí)行代碼,解析到img標簽后發(fā)送請求獲取圖片資源。

MVC
  • MVC 編程模式
    MVC 是一種使用 MVC(Model View Controller 模型-視圖-控制器)設計創(chuàng)建 Web 應用程序的模式。

  • Model(模型)是應用程序中用于處理應用程序數(shù)據(jù)邏輯的部分。
    通常模型對象負責在數(shù)據(jù)庫中存取數(shù)據(jù)。

  • View(視圖)是應用程序中處理數(shù)據(jù)顯示的部分。
    通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的。

  • Controller(控制器)是應用程序中處理用戶交互的部分。
    通??刂破髫撠煆囊晥D讀取數(shù)據(jù),控制用戶輸入,并向模型發(fā)送數(shù)據(jù)。

步驟五 繪制網(wǎng)頁

瀏覽器根據(jù)htmlt和css計算得到渲染樹,繪制到屏幕上,js會被執(zhí)行。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容