当前位置： 首页 > article >正文

【计算机网络】用户从输入网址到网页显示，期间发生了什么？

article 2025/10/10 11:55:32

请添加图片描述

1.URL解析

  • 浏览器分解URL：https://www.example.com/page
    • 协议：https
    • 域名：www.example.com
    • 路径：/page

2.DNS查询：

浏览器向DNS服务器发送查询请求，将域名解析为对应的IP地址。

3.CDN检查(如果有)：

  • 若域名使用CDN，DNS会返回边缘节点IP
  • 浏览器优先从最近的CDN节点获取静态资源

4.TCP连接：

  • 浏览器与目标服务器三次握手建立TCP连接(HTTPS还需TLS/SSL握手)

客户端 → SYN → 服务端
客户端 ← SYN-ACK ← 服务端
客户端 → ACK → 服务端

5.HTTP请求：

  • 发送带有请求头的HTTP报文：

GET /page HTTP/1.1
Host: www.example.com
User-Agent: Mozilla/5.0
Accept: text/html

6.服务器处理：

  • 静态资源：直接返回文件
  • 动态内容：通过后端程序生成HTML

7.HTTP响应：

  • 返回状态码+数据
HTTP/1.1 200 OK
Content-Type: text/html
<!DOCTYPE html><html>xxx</html>

8.浏览器渲染：

关键流程：
1.解析HTML构建DOM树
2.解析CSS生成CSSOM树
3.合并为渲染树
4.布局计算元素位置
5.绘制像素到屏幕

9.资源加载：

  • 解析到 <img> <script> 等标签时，触发额外HTTP请求
  • 现代浏览器会并行加载资源

上面是期间的重要过程，下面介绍一些有关的网络技术

关键网络技术：

  • HTTP/HTTPS：应用层协议，定义数据传输格式
  • TCP/IP：确保可靠传输的分组交换协议
  • TLS加密(HTTPS)：加密通信内容
  • CDN加速：通过边缘节点减少延迟

上面提到了CDN，初次看到我也不知道CDN是什么？有什么用？我赶紧去搜集了一下，下面是一些有关CDN的简单总结。

1.什么是CDN？

CDN(Content Delivery NetWork，内容分发网络) 是一种分布式网络。
用于高效、快速地向全球用户分发静态和动态内容(如网页、图片、视频、JS/CSS文件等)。
它的核心目标是 减少延迟、提高访问速度、减轻源服务器负载。

2.CDN的工作原理

传统无CDN的访问流程

用户直接请求源服务器，如果服务器离用户较远，延迟高，尤其是跨国访问时，速度慢。
请添加图片描述

3.使用CDN的访问流程

CDN在全球部署多个边缘节点，用户访问时，自动从最近的节点获取内容，大幅降低延迟。

请添加图片描述

4. CDN的核心技术：

1.缓存：

  • CDN节点会缓存静态资源(如HTML、CSS、JS、图片、视频)，减少回源请求。
  • 缓存策略：
    • TTL： 控制缓存有效期
    • Cache-Control：HTTP头控制缓存行为。

2.负载均衡

  • 通过DNS等技术，将用户请求路由到最优节点。

3.动态加速

  • 对动态内容(如API请求)优化传输路径，减少延迟(如TCP优化、BGP路由优化)。

4.DDoS 防护

  • CDN可以吸收恶意流量，保护源服务器免受攻击。

5.CDN的典型应用场景：

1.静态资源加速

图片、CSS、JS、字体等文件的分发

2.视频/直播流媒体：

降低缓冲，提升观看体验

3.软件/游戏下载：

大文件快速分发

4.全球网站加速：

解决跨国访问延迟问题

5.安全防护：

地狱DDos、WAF(Web应用防火墙)

相关文章：

【计算机网络】用户从输入网址到网页显示，期间发生了什么？

1.URL解析 浏览器分解URL&#xff1a;https://www.example.com/page 协议&#xff1a;https域名&#xff1a;www.example.com路径&#xff1a;/page 2.DNS查询&#xff1a; 浏览器向DNS服务器发送查询请求&#xff0c;将域名解析为对应的IP地址。 3.CDN检查(如果有)&#…...

编程日记 2025/9/17 6:54:47

【计算机哲学故事1-3】默认设置：在有限的系统里，决定你想成为什么

她盯着屏幕上熟悉的蓝色窗户&#xff0c;语气里透着一丝无奈&#xff1a;“我发现&#xff0c;不管买多少次新电脑&#xff0c;开机那一刻&#xff0c;看到的永远是同一张桌面。” 我坐在她旁边&#xff0c;看着那台刚装好的电脑&#xff0c;笑了笑&#xff1a;“所以你在感慨…...

编程日记 2025/7/9 13:17:32

【嵌入式开发-UART】

嵌入式开发-UART ■ UART简介 ■ UART简介...

编程日记 2025/5/31 9:56:57

C++ 算法学习之旅：从入门到精通的秘籍

在编程的浩瀚宇宙中&#xff0c;C 算法宛如璀璨的星辰&#xff0c;照亮我们前行的道路。作为一名 C 算法小白&#xff0c;或许你和我一样&#xff0c;怀揣着对算法的好奇与憧憬&#xff0c;却又在学习的道路上感到迷茫。别担心&#xff0c;今天我就和大家分享一下如何学习各种基…...

编程日记 2025/10/5 14:10:31

计算机网络常识：缓存、长短连接 网络初探、URL、客户端与服务端、域名操作 tcp 三次握手 四次挥手

缓存&#xff1a; 缓存是对cpu&#xff0c;内存的一个节约&#xff1a;节约的是网络带宽资源 节约服务器的性能 资源的每次下载和请求都会造成服务器的一个压力 减少网络对资源拉取的延迟 这个就是浏览器缓存的一个好处 表示这个html页面的返回是不要缓存的 忽略缓存 需要每次…...

编程日记 2025/9/17 6:54:50

软件逆向工程核心技术：脱壳原理与实战分析

目录 一、脱壳技术概述&#xff1a;从保护到还原的逆向之旅 1.1 脱壳技术的本质与核心价值 1.2 壳的分类与核心技术解析 1.3 学习路径&#xff1a;从压缩壳到加密壳的渐进式突破 二、脱壳三步法&#xff1a;系统化逆向工程框架 2.1 核心流程总览 2.2 实战案例&#xff1…...

编程日记 2025/9/17 6:56:33

前端面经 作用域和作用域链

含义&#xff1a;JS中变量生效的区域 分类&#xff1a;全局作用域 或者 局部作用域 局部作用域&#xff1a;函数作用域 和 块级作用域ES6 全局作用域:在代码中任何地方都生效 函数中定义函数中生效&#xff0c;函数结束失效 块级作用域 使用let或const 声明 作用域链:JS查…...

编程日记 2025/7/24 5:41:48

华为OD机试真题——荒岛求生（2025A卷：200分）Java/python/JavaScript/C/C++/GO最佳实现

2025 A卷 200分 题型 本专栏内全部题目均提供Java、python、JavaScript、C、C、GO六种语言的最佳实现方式&#xff1b; 并且每种语言均涵盖详细的问题分析、解题思路、代码实现、代码详解、3个测试用例以及综合分析&#xff1b; 本文收录于专栏&#xff1a;《2025华为OD真题目录…...

编程日记 2025/10/9 6:24:20

【Python 字符串】

Python 中的字符串&#xff08;str&#xff09;是用于处理文本数据的基础类型&#xff0c;具有不可变性、丰富的内置方法和灵活的操作方式。以下是 Python 字符串的核心知识点&#xff1a; 一、基础特性 定义方式&#xff1a; s1 单引号字符串 s2 "双引号字符串" s…...

编程日记 2025/10/5 21:24:49

基础编程题目集 6-9 统计个位数字

本题要求实现一个函数&#xff0c;可统计任一整数中某个位数出现的次数。例如-21252中&#xff0c;2出现了3次&#xff0c;则该函数应该返回3。 函数接口定义&#xff1a; int Count_Digit ( const int N, const int D ); 其中N和D都是用户传入的参数。N的值不超过int的范围&…...

编程日记 2025/7/5 23:24:29

LeetCode[226] 翻转二叉树

思路&#xff1a; 使用递归&#xff0c;归根结底还是左右节点互相倒&#xff0c;那么肯定需要一个temp节点在中间传递&#xff0c;最后就是递归&#xff0c;没什么说的 代码&#xff1a; /*** Definition for a binary tree node.* public class TreeNode {* int …...

编程日记 2025/7/5 23:24:27

【CTFer成长之路】举足轻重的信息搜集

举足轻重的信息搜集 信息搜集 常见的搜集 题目描述: 一共3部分flag docker-compose.yml version: 3.2services:web:image: registry.cn-hangzhou.aliyuncs.com/n1book/web-information-backk:latestports:- 80:80启动方式 docker-compose up -d 题目Flag n1book{info_…...

编程日记 2025/9/17 6:58:48

AI——认知科学中的认知架构建立步骤与方法

认知科学中的认知架构建立步骤与方法 认知架构&#xff08;Cognitive Architecture&#xff09;是模拟人类心智活动的计算框架&#xff0c;旨在整合感知、记忆、推理、学习等核心认知功能。其建立需结合心理学理论、神经科学证据和计算建模技术。以下是建立认知架构的系统方法…...

编程日记 2025/6/9 11:58:29

Linux开发工具【中】

目录 一、vim 1.1 插入模式 1.2 底行模式 1&#xff09;set nu 2&#xff09;set nonu 3&#xff09; /XXX n 4&#xff09;&#xff01;command 5&#xff09;vs other 1.3 补充 1&#xff09; 批量化操作 2&#xff09;批量化替换 : 3&#xff09;快速定位&am…...

编程日记 2025/9/24 19:12:42

Ceph PG unfound/lost 问题排查与解决

Ceph PG unfound/lost 问题排查与解决 背景现象排查过程经验总结参考命令结语 背景 Ceph 集群出现 HEALTH_ERR&#xff0c;提示有 PG 对象丢失&#xff08;unfound&#xff09;&#xff0c;并且 repair 无法自动修复。 现象 ceph health detail 显示&#xff1a; HEALTH_ERR …...

编程日记 2025/5/30 22:27:54

MySQL OCP 认证限时免费活动​ 7 月 31 日 前截止！！！

为庆祝 MySQL 数据库发布 30 周年&#xff0c;Oracle 官方推出限时福利&#xff1a;2025 年 4 月 20 日至 7 月 31 日期间&#xff0c;所有人均可免费报考 MySQL OCP&#xff08;Oracle Certified Professional&#xff09;认证考试。该认证验证持证者在 MySQL 数据库管理、优化…...

编程日记 2025/9/12 5:17:30

Python Cookbook-7.8 使用 Berkeley DB 数据库

任务 你想将一些数据做持久化处理&#xff0c;而且也想体验一下BerkeleyDB数据库的简洁和高效。 解决方案 如果以前在你的计算机中安装过 BerkeleyDB&#xff0c;Python标准库附带的bsddb包(以及可选的 bsddb3&#xff0c;用于访间Berkeley DBrelease 3.2数据库)可以被用来作…...

编程日记 2025/7/20 5:46:17

STM32智能手表：基于FreeRTOS

引言 随着物联网和可穿戴设备的快速发展&#xff0c;智能手表作为典型代表&#xff0c;集成了传感器数据采集、实时显示、无线通信等多项功能。本文将深入剖析一个基于STM32和FreeRTOS的智能手表项目&#xff0c;从硬件架构到软件设计&#xff0c;逐步讲解如何构建一个完整的嵌…...

编程日记 2025/5/24 3:59:26

学习笔记：数据库——事务

1.内容&#xff1a; 基于现有数据库设计检查点实验&#xff0c;观察比较提交前后执行结果并分析。 2.实现 源码 -- 开启事务 START TRANSACTION;-- 插入一条订单记录&#xff08;客户ID为10002&#xff09; INSERT INTO orders (o_date, c_id) VALUES (NOW(), 10002);-- 获…...

编程日记 2025/10/6 22:09:38

C++命名空间、内联与捕获

命名空间namespace 最常见的命名空间是std，你一定非常熟悉，也就是： using namespace std;命名空间的基本格式 注意，要在头文件里面定义！ namespace namespace_name{data_type function_name(data_type parameter){data_type result;//function contentreturn result;}…...

编程日记 2025/8/28 7:51:57

UE5 Daz头发转Blender曲线再导出ABC成为Groom

先安装Daz to Blender Import插件 【神器】 --DAZ一键导入blender插件的详细安装和使用&#xff0c;自带骨骼绑定和控制器&#xff0c;多姿势动画&#xff0c;Importer桥接插件_哔哩哔哩_bilibili 然后安装DAZHairConverter插件 一分钟将DAZ头发转化成Blender粒子毛发_哔哩哔…...

编程日记 2025/9/17 6:54:57

【进阶】C# 委托（Delegate）知识点总结归纳

1. 委托的基本概念 定义&#xff1a;委托是一种类型安全的函数指针&#xff0c;用于封装方法&#xff08;静态方法或实例方法&#xff09;。 核心作用&#xff1a;允许将方法作为参数传递&#xff0c;实现回调机制和事件处理。 类型安全&#xff1a;委托在编译时会检查方法签…...

编程日记 2025/9/25 15:29:32

【贪心算法】贪心算法四

贪心算法四 1.最长回文串2.增减字符串匹配3.分发饼干4.最优除法点赞👍👍收藏🌟🌟关注💖💖 你的支持是对我最大的鼓励，我们一起努力吧!😃😃 1.最长回文串 题目链接： 409. 最长回文串 题目分析： 给一个包含大小字母的字符串，从里面挑选出来一些字母构成一个…...

编程日记 2025/9/29 14:50:50

【漫话机器学习系列】240.真正类率（True Positive Rate，TPR）

理解真正类率&#xff08;True Positive Rate&#xff0c;TPR&#xff09;&#xff1a;公式、意义与应用 在机器学习与深度学习模型评估中&#xff0c;"真正类率"&#xff08;True Positive Rate&#xff0c;简称TPR&#xff09;是一个非常重要的指标。TPR反映了分类…...

编程日记 2025/9/25 15:04:28

Linux的基础开发工具

目录 前言&#xff1a; 1、包管理器yum 1.1 软件包的依赖 1.2 镜像源 1.3 查找/安装/卸载软件 2、编辑器vim 2.1 命令模式(默认) 2.1.1 撤销与反撤销 2.1.2 光标定位 2.1.3 复制&&剪切(删除)&&粘贴 2.1.4 替换 2.1.5 插入模式 2.1.6 V-Block模式 …...

编程日记 2025/10/5 18:12:36

【Electron】electron-vue 借助 element-ui UI 库助力桌面应用开发

前面文章我们讲过 electron 让可以用 HTML、JS、CSS 开发桌面应用程序。而 electron-vue 是一个结合了 electron 与 vue 的套件。这样我们就能方便地使用 vue 快速开发桌面应用。但是&#xff0c;vue 只是在 js 这层面做了大量的便捷的操作。对 UI 并未过多涉及。此时如果您在开…...

编程日记 2025/9/25 19:34:34

Linux基础(最常用基本命令)

1.查看文件ls 1.1 格式 ls 选项 参数&#xff0c;如&#xff1a;ls -lah ~/ 1.2 选项设置&#xff1a; -l&#xff1a;list 以列表方式显示文件 -h&#xff1a;human-readable 以人类可读的方式显示文件大小(会将纯数字转换为kb&#xff0c;mb) -a&#xff1a;all 显示所有的…...

编程日记 2025/9/29 22:30:32

含铜废水循环利用体系

在工业绿色转型浪潮中&#xff0c;含铜废水回收技术正以"资源再生智能管控"的双核驱动模式&#xff0c;重构传统水处理产业的价值链。该体系通过构建"精准分离-梯级利用-智慧运维"的闭环系统&#xff0c;不仅突破了重金属废水处理的技术桎梏&#xff0c;更…...

编程日记 2025/9/17 6:55:01

移动端返回指定页面

onLoad(() > { // #ifdef APP-PLUS || MP-ALIPAY || H5 onBackPress(() > { uni.switchTab({ url: ‘/pages/my/my’, }) return true }) // #endif }) onUnload(() > { // #ifdef MP-WEIXIN uni.switchTab({ url: ‘/pages/my/my’, }) // #endif })...

编程日记 2025/8/25 23:10:49

MySQL 安装配置（完整教程）

文章目录 一、MySQL 简介二、下载 MySQL三、安装 MySQL四、配置环境变量五、配置 MySQL5.1 初始化 MySQL5.2 搭建 MySQL 环境 六、修改 MySQL 密码七、卸载 MySQL八、结语 一、MySQL 简介 MySQL 是一款广泛使用的开源关系型数据库管理系统&#xff08;RDBMS&#xff09;&#…...

编程日记 2025/9/29 19:34:06