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