web基础

  • web基础已关闭评论
  • 118 次浏览
  • A+
所属分类:Web前端
摘要

互联网:错综复杂的网络,比如每个快递车走的路.TCP/IP:定义数据如何传输的通信协议,比如快递的包装,发货规则.


客户端和服务器

客户端与服务器的通信

web基础

互联网:错综复杂的网络,比如每个快递车走的路.

TCP/IP:定义数据如何传输的通信协议,比如快递的包装,发货规则.

DNS:域名系统服务器,输入一个网址时,找到网页的服务器,才能发送 HTTP 请求到正确的地方。(域名->IP),比如发货地址.

HTTP:超文本传输协议是一个定义客户端和服务器间交流的语言的协议.比如收取快递时的暗号.

组成文件:一个网页由许多文件组成,就是收到的快递.包含:代码(HTML CSS JS)和资源(img 等).

浏览器里输入一个网址时发生以下步骤

web基础

  1. 查找浏览器缓存(强缓存和协商缓存),网络进程会先看看是否存在本地缓存,如果有就直接返回资源给浏览器进程.web基础
  2. 浏览器在域名系统(DNS)服务器上找出存放网页的服务器的实际地址(IP 地址)
  3. 浏览器通过 TCP/IP 协议,三次握手发送 HTTP 请求信息到服务器请求拷贝一份网页到客户端。
  4. 服务器响应请求,会返回一个“200 OK”信息,然后开始将网页的文件以数据包的形式传输到浏览器
  5. 浏览器接收文件后进行解析渲染
    • 浏览器首先解析 HTML 文件,并从中识别出所有的 link 和 script 元素,获取外部文件的链接。
    • 浏览器根据外部文件的链接向服务器发送请求,获取并解析 CSS 和 JavaScript 脚本文件。
    • 接着浏览器会给解析后的 HTML 文件生成 DOM 树(在内存中),会给解析 CSS 回流与重绘生成一个 CSS DOM 树(在内存中),并且会编译和执行解析后的 JS
    • 绘制出网页;用户看到网页界面也就可以跟网页进行交互了。

参考 ?

从输入 URL 到页面展示你还不赶紧学起来?