資訊專欄INFORMATION COLUMN
摘要：學(xué)前端后，谷歌算是重新為我打開(kāi)了認(rèn)識(shí)新世界的大門。作用可以讓人們免于記住那些繁瑣的數(shù)串全國(guó)信息可以在網(wǎng)上查找到，各省都有對(duì)應(yīng)分配的網(wǎng)段大型企業(yè)都有自己的服務(wù)器，專門用來(lái)存儲(chǔ)域名和的映射關(guān)系如谷歌的服務(wù)器地址國(guó)內(nèi)知名服務(wù)器地址。
本知識(shí)學(xué)習(xí)用時(shí)：1小時(shí)
前言：學(xué)前端前，我常用的瀏覽器是搜狗、360，搜索引擎用的是百度。學(xué)前端后，谷歌算是重新為我打開(kāi)了認(rèn)識(shí)新世界的大門。但不管用什么瀏覽器，登錄網(wǎng)站都是我們每一個(gè)互聯(lián)網(wǎng)人每天都會(huì)做的事。但我們是否想過(guò)，從我們打開(kāi)瀏覽器在地址欄中輸入一連串的字符，到按下鍵盤上的 Enter 鍵、頁(yè)面展現(xiàn)在我們眼前，這一連續(xù)動(dòng)作的背后，網(wǎng)絡(luò)、計(jì)算機(jī)都為我們做了些什么？以及你即將從事的前端工作又在這其中參與了哪一項(xiàng)或哪幾項(xiàng)工作呢？
首先，打開(kāi)你最常瀏覽的一個(gè)網(wǎng)站，在最上方的地址欄里，你將會(huì)看到一連串的字符。例如知乎：
https://www.zhihu.com/people/oliver-8-10/activities
上邊這一連串的字符，就叫做 URL（Uniform Resource Locator 統(tǒng)一資源定位符），實(shí)際上就是我們通常叫的“網(wǎng)址”。
1.1 URL 的作用在茫茫網(wǎng)絡(luò)世界中，我們的瀏覽器是靠一個(gè)個(gè) URL 來(lái)查找資源的具體位置的。
1.2 URL 的組成部分（用以下例子說(shuō)明）https://www.zhihu.com/people/oliver-8-10/activities1.2.1 協(xié)議部分
https
它是瀏覽器和 www 萬(wàn)維網(wǎng)之間的溝通方式，它會(huì)告訴瀏覽器在網(wǎng)絡(luò)世界中找到資源的正確位置。
常見(jiàn)的協(xié)議有：http（最常見(jiàn)的網(wǎng)絡(luò)傳輸協(xié)議）、https（進(jìn)行加密的網(wǎng)絡(luò)傳輸協(xié)議）、file（本地文件夾協(xié)議）、ftp、telnet 等。
www.zhihu.com
即我們常說(shuō)的“域名”（Domain Name），為了方便記憶，人們用可以語(yǔ)義化的域名來(lái)登錄網(wǎng)站。
但我們必須知道，每一個(gè)域名背后都有其對(duì)應(yīng)的 IP 地址。
IP 是網(wǎng)絡(luò)世界中每臺(tái)聯(lián)網(wǎng)的計(jì)算機(jī)為實(shí)現(xiàn)相互通信而遵循的規(guī)則協(xié)議，IP 可以具體分為：
1??局域網(wǎng) IP：
例如一個(gè)合租的房子，大家共用一個(gè)路由的 wifi，那實(shí)際上所有連接上這個(gè) wifi 的電腦都處于同樣一個(gè)局域網(wǎng)，這里的 IP 就是局域網(wǎng) IP；
在同樣的局域網(wǎng)里，可以直接通過(guò)這個(gè) IP 地址訪問(wèn)這個(gè)局域網(wǎng)里的其他機(jī)器；
但陌生人是不可以通過(guò)這個(gè) IP 找到你的，因?yàn)檫@個(gè) IP 是假的，只在這個(gè)小圈子里可以用。
2??公網(wǎng) IP：
假如你做了一個(gè)網(wǎng)站要放在公網(wǎng)上，就要申請(qǐng)公網(wǎng) IP，公網(wǎng) IP 是需要申請(qǐng)的。
3??本機(jī) IP：
當(dāng)前電腦的 IP 是 127.0.0.1 ，就是代表自己。
1.2.3 資源路徑部分/people/oliver-8-10/activities1.3 DNS
提到域名和 IP 關(guān)系后，就必須理解 DNS（Domain Name System 域名系統(tǒng)）——用來(lái)記錄域名和 IP 地址相互映射的信息。
DNS 作用：可以讓人們免于記住那些繁瑣的數(shù)串；
全國(guó) DNS 信息可以在網(wǎng)上查找到，各省都有對(duì)應(yīng)分配的 IP 網(wǎng)段；
大型企業(yè)都有自己的 DNS 服務(wù)器，專門用來(lái)存儲(chǔ)域名和 IP 的映射關(guān)系；
如谷歌的 DNS 服務(wù)器地址 8.8.8.8 ；國(guó)內(nèi)知名 DNS 服務(wù)器地址 114.114.114.114 。
2 大致流程概述從 URL 輸入到頁(yè)面展現(xiàn)經(jīng)過(guò)以下過(guò)程：
在瀏覽器輸入 URL；
瀏覽器查找域名對(duì)應(yīng)的 IP 地址；
瀏覽器根據(jù) IP 地址與服務(wù)器建立聯(lián)系；
瀏覽器與服務(wù)器通信：瀏覽器請(qǐng)求，服務(wù)器處理請(qǐng)求并呈現(xiàn)頁(yè)面。
3 具體流程概述 3.1 第一步，在瀏覽器輸入 URL在地址欄輸入相應(yīng)的 URL 。
3.2 第二步，瀏覽器查找域名對(duì)應(yīng)的 IP 地址第一步中，我們已經(jīng)輸入了相應(yīng)的 URL，但瀏覽器本身并不能識(shí)別 URL 是什么，因此從我們輸入 URL 開(kāi)始，瀏覽器就要進(jìn)行域名解析來(lái)找到對(duì)應(yīng) IP——DNS 解析是瀏覽器的實(shí)際尋址方式：
查找瀏覽器緩存——近期瀏覽過(guò)的網(wǎng)站，瀏覽器會(huì)緩存 DNS 記錄一段時(shí)間 （如果沒(méi)有則往下） ；
查找系統(tǒng)緩存——從 C 盤的 hosts 文件查找是否有存儲(chǔ)的 DNS 信息，查找是否有目標(biāo)域名和對(duì)應(yīng)的 IP 地址 （如果沒(méi)有則往下）；
查找路由器緩存 （如果沒(méi)有則往下）；
查找 ISP DNS 緩存——從網(wǎng)絡(luò)服務(wù)商（比如電信）的 DNS 緩存信息中查找（如果沒(méi)有則往下）；
經(jīng)由以上方式都沒(méi)找到對(duì)應(yīng) IP 的話，就會(huì)向根域名服務(wù)器查找目標(biāo) URL 對(duì)應(yīng)的 IP，根域名服務(wù)器會(huì)向下級(jí)服務(wù)器轉(zhuǎn)達(dá)請(qǐng)求，層層下發(fā)，直到找到對(duì)應(yīng)的 IP 為止。
3.3 第三步，瀏覽器根據(jù) IP 地址與服務(wù)器建立聯(lián)系第2步中，瀏覽器通過(guò) IP 尋址找到了對(duì)應(yīng)的服務(wù)器，瀏覽器就將用戶發(fā)起的 http 請(qǐng)求發(fā)送給服務(wù)器。服務(wù)器開(kāi)始處理用戶請(qǐng)求：
每臺(tái)服務(wù)器上都會(huì)安裝處理請(qǐng)求的應(yīng)用——web sever；
常見(jiàn)的 web sever 產(chǎn)品有：apache 、nginx 、IIS 和 Lighttpd 等；
web sever 可以理解為一個(gè)管理者，它不做具體的請(qǐng)求處理，而是會(huì)結(jié)合配置文件，把不同用戶發(fā)來(lái)的請(qǐng)求委托給服務(wù)器上專門處理相應(yīng)請(qǐng)求的程序（服務(wù)器上的相應(yīng)程序開(kāi)始處理請(qǐng)求的這一部分，通俗說(shuō)就是實(shí)際后臺(tái)處理的工作）：
后臺(tái)開(kāi)發(fā)現(xiàn)在有很多框架，但大部分都是按照 MVC（model view controller）設(shè)計(jì)模式搭建的，它將服務(wù)器上的應(yīng)用程序分成3個(gè)核心部件且分別處理自己的任務(wù)，實(shí)現(xiàn)輸入、處理、輸出的分離：3.3.1 模型（model）
模型，是將實(shí)際開(kāi)發(fā)過(guò)程中的業(yè)務(wù)規(guī)則和所涉及的數(shù)據(jù)格式進(jìn)行模型化；
應(yīng)用于模型的代碼只需寫一次就可以被多個(gè)視圖重用；
在 MVC 三個(gè)部件中，模型擁有最多的處理任務(wù)；
一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)。
3.3.2 視圖（view）視圖是用戶看到并與之交互的界面；
這一部分，也就是我們前端工作的主力所在。
3.3.3 控制器（controller）作用：接受用戶的輸入并調(diào)用模型（M）和視圖（V）去完成用戶的需求；
地位：控制器也是處于一個(gè)管理者的地位——從視圖（V）接收請(qǐng)求并決定調(diào)用哪一個(gè)模型構(gòu)件（M）來(lái)處理請(qǐng)求，然后再確定用哪個(gè)視圖（V）來(lái)顯示模型（M）處理返回的數(shù)據(jù)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54855.html
摘要：學(xué)前端后，谷歌算是重新為我打開(kāi)了認(rèn)識(shí)新世界的大門。作用可以讓人們免于記住那些繁瑣的數(shù)串全國(guó)信息可以在網(wǎng)上查找到，各省都有對(duì)應(yīng)分配的網(wǎng)段大型企業(yè)都有自己的服務(wù)器，專門用來(lái)存儲(chǔ)域名和的映射關(guān)系如谷歌的服務(wù)器地址國(guó)內(nèi)知名服務(wù)器地址。 本知識(shí)學(xué)習(xí)用時(shí)：1小時(shí)showImg(https://cdn.nlark.com/yuque/0/2019/png/229413/1554687733759-9...
摘要：五瀏覽器繪制網(wǎng)頁(yè)繪制過(guò)程主要是結(jié)構(gòu)與樣式的結(jié)合，以及行為動(dòng)態(tài)效果的展現(xiàn)。之后會(huì)寫系列文章，歡迎圍觀主要參考文章基礎(chǔ)進(jìn)階詳解與編碼前端面試題從到頁(yè)面展現(xiàn)，這之中發(fā)生了什么圖解 流程概述： 地址欄輸入U(xiǎn)RL ——> 域名解析 ——> 服務(wù)器處理請(qǐng)求 ——> 瀏覽器處理響應(yīng) ——> 瀏覽器繪制網(wǎng)頁(yè) 一.地址欄輸入U(xiǎn)RL 認(rèn)識(shí)URL showImg(https://segmentfault....
摘要：比如對(duì)于的，瀏覽器實(shí)際上不知道到底是什么東西，需要查找網(wǎng)站所在服務(wù)器的地址，才能找到目標(biāo)，這就是下文要說(shuō)的域名解析。二域名解析當(dāng)用戶在瀏覽器中輸入后你使用的電腦會(huì)發(fā)出一個(gè)請(qǐng)求到本地服務(wù)器。 showImg(https://segmentfault.com/img/remote/1460000009317499?w=700&h=466); 這里markdown格式跟簡(jiǎn)書不太一樣，排版可能...
摘要：定義文檔資源的名稱二域名解析在瀏覽器輸入網(wǎng)址后，首先要經(jīng)過(guò)域名解析，因?yàn)闉g覽器并不能直接通過(guò)域名找到對(duì)應(yīng)的服務(wù)器，而是要通過(guò)地址。什么是域名解析協(xié)議提供通過(guò)域名查找地址，或逆向從地址反查域名的服務(wù)。 前言 打開(kāi)瀏覽器從輸入網(wǎng)址到網(wǎng)頁(yè)呈現(xiàn)在大家面前，背后到底發(fā)生了什么？經(jīng)歷怎么樣的一個(gè)過(guò)程？先給大家來(lái)張總體流程圖，具體步驟請(qǐng)看下文分解！本文首發(fā)地址為GitHub博客,寫文章不易，請(qǐng)多多支...
閱讀 2508·2021-10-11 10:59
閱讀 2700·2021-09-22 15:49
閱讀 2637·2021-08-13 13:25
閱讀 1284·2019-08-30 13:14
閱讀 2385·2019-08-29 18:45
閱讀 2990·2019-08-29 18:36
閱讀 1482·2019-08-29 13:21
閱讀 1157·2019-08-26 11:44
