网站开发

HTTP 协议、HTML/CSS/JS、RESTful 架构

HTTP 请求流程

📝

1. 构造请求

浏览器解析 URL，创建 HTTP 请求

↓

🔍

2. DNS 解析

域名 → IP 地址

↓

📡

3. TCP 连接

三次握手建立连接

↓

📤

4. 发送请求

通过 TCP 发送 HTTP 请求

↓

🖥️

5. 服务器处理

处理请求，生成响应

↓

📥

6. 接收响应

浏览器接收并渲染页面

前端三大技术

HTML

网页结构和内容
语义化标签

CSS

网页样式和布局
颜色、字体、动画

JavaScript

网页交互和逻辑
动态内容更新

浏览器渲染流程

https://example.com

解析 HTML

构建 DOM 树

解析 CSS

构建 CSSOM

生成渲染树

布局 Layout

绘制 Paint

合成 Composite

RESTful API

通过标准 HTTP 方法操作资源

GET /users

POST /users

PUT /users/1

DELETE /users/1

方法	操作	幂等
GET	获取资源	是
POST	创建资源	否
PUT	更新资源	是
DELETE	删除资源	是

响应时间模拟

从请求到资源加载完成

0ms

返回目录