柚子快報激活碼778899分享：前端 web學(xué)習(xí)

http://yzkb.51969.com/

前端

什么是前端

前端：前端即網(wǎng)站前臺部分，是運行在PC端、移動端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁,前端是用戶所看到的，包括按鈕、復(fù)選框、圖形和文本消息等視覺元素。

前端的工作原理

用戶可以直接與之交互的圖形用戶界面（GUI），例如導(dǎo)航菜單、設(shè)計元素、按鈕、圖像和圖表。采用技術(shù)術(shù)語，用戶看到的帶有多個 UI 組件的頁面或屏幕稱為文檔對象模型（DOM）。

三種主要的計算機語言（前端三劍客）會影響用戶與前端的交互方式：

HTML 定義前端結(jié)構(gòu)和不同的 DOM 元素層疊樣式表（CSS）定義 Web 應(yīng)?程序的樣式，包括布局、字體、顏?和視覺樣式JavaScript 通過操作 DOM 增加?層動態(tài)功能

JavaScript 可以觸發(fā)頁面上的更改并顯示新信息。這意味著前端可以處理基本的?戶交互（或請求），例如顯示日歷或檢查用戶是否輸入有效的電子郵件地址。

前端的作用：

交互：當(dāng)用戶與界面進行交互時，前端負責(zé)捕獲這些交互（如點擊按鈕或提交表單），并將它們轉(zhuǎn)換為后端可以理解的請求。然后，前端會接收后端返回的響應(yīng)，并更新用戶界面以反映這些變化。

用戶界面設(shè)計：前端可以創(chuàng)建與用戶進行交互的界面。包括布局、顏色、字體、圖標(biāo)等視覺元素的設(shè)計，以及如何響應(yīng)用戶的各種輸入，如點擊、輸入文本等。

后端

什么是后端

后端：后端是處理請求，數(shù)據(jù)，邏輯和與前端（用戶界面）進行交互的服務(wù)器端部分。

后端的工作原理

后端用于管理 Web 應(yīng)用程序的整體功能。當(dāng)用戶與前端交互時，此交互會以 HTTP 格式向后端發(fā)送請求。后端處理請求并返回響應(yīng)。

后端的組成

一個簡單的后端由，服務(wù)器，數(shù)據(jù)庫，操作系統(tǒng)，中間件，API，源碼等組成。

瀏覽器

瀏覽器是指一種用于顯示網(wǎng)頁內(nèi)容的應(yīng)用程序，通過HTTP或HTTPS協(xié)議與網(wǎng)頁服務(wù)器交互并獲取網(wǎng)頁，在用戶設(shè)備上以圖形化界面展示。

瀏覽器的基本功能

用戶界面：包括地址欄、前進/后退按鈕、書簽菜單等。除了瀏覽器主窗口顯示請求的頁面外，其他所有顯示的頁面元素都屬于用戶界面。 瀏覽器引擎：在用戶界面和渲染引擎之間傳送指令。 渲染引擎：負責(zé)顯示請求的內(nèi)容。如果請求的內(nèi)容是HTML，它就負責(zé)解析HTML和CSS內(nèi)容，并將解析后的內(nèi)容顯示在屏幕上。 網(wǎng)絡(luò)組件：負責(zé)網(wǎng)絡(luò)調(diào)用，如HTTP請求。它包括了平臺無關(guān)的接口，下層通過平臺相關(guān)的接口實現(xiàn)，接口通常以庫的形式提供。 JavaScript解釋器：用于解析和執(zhí)行JavaScript代碼，使得網(wǎng)頁具有交互性。 數(shù)據(jù)存儲：瀏覽器需要在硬盤上保存各種各樣的數(shù)據(jù)，例如Cookie。新的HTML規(guī)范（如HTML5）定義了“網(wǎng)絡(luò)存儲”的API，這是一種更安全、更強大的數(shù)據(jù)存儲方法。 UI后端：用于繪制基本的窗口小部件，如組合框和窗口。這個后端公開了與平臺無關(guān)的通用接口，而在底層使用操作系統(tǒng)的用戶接口方法。

小提問：當(dāng)你在瀏覽器的地址欄中輸入URL后到頁面顯示出來之前發(fā)生了什么？

查看緩存：瀏覽器會查看瀏覽器緩存，操作系統(tǒng)緩存，本地dns緩存，ISP緩存等，如果找到緩存，就會直接發(fā)送請求。DNS解析：當(dāng)瀏覽器找不到緩存時，本地dns服務(wù)器會向根域名服務(wù)器發(fā)送請求，根域名服務(wù)器返回查詢某個頂級域名服務(wù)器；再向頂級域名服務(wù)器發(fā)送請求，返回查詢某個權(quán)限域名服務(wù)器；再向權(quán)限域名服務(wù)器發(fā)送請求，返回需要的IP地址。獲取端口號。建立tcp連接：三次握手。發(fā)送http請求：發(fā)送端在不同的體系層給數(shù)據(jù)增添首部，接收端刪除首部。釋放tcp連接：四次揮手。

假設(shè)你要查詢www.baidu.com的IP地址:

（1）首先會查找瀏覽器的緩存，看看是否能找到www.baidu.com對應(yīng)的IP地址，找到就直接返回，否則進行下一步。 （2）將請求發(fā)往給本地DNS服務(wù)器，如果查找到也直接返回，否則繼續(xù)進行下一步。 （3）本地DNS服務(wù)器向根域名服務(wù)器發(fā)送請求，根域名服務(wù)器返回負責(zé).com的頂級域名服務(wù)器的IP地址的列表。 （4）本地DNS服務(wù)器再向其中一個負責(zé).com的頂級域名服務(wù)器發(fā)送一個請求，返回負責(zé).baidu的權(quán)威域名服務(wù)器的IP地址列表。 （5）本地DNS服務(wù)器再向其中一個權(quán)威域名服務(wù)器發(fā)送一個請求，返回www.baidu.com所對應(yīng)的IP地址。

柚子快報激活碼778899分享：前端 web學(xué)習(xí)

http://yzkb.51969.com/

文章鏈接