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