让网络协议
看得见，学得懂
每一个 TCP 握手、每一次 DNS 查询、每一条 TLS 加密连接——
用动画一步步拆开给你看，彻底理解协议背后的逻辑。
TCP 三次握手
理解客户端与服务端如何建立可靠连接，SYN、SYN-ACK、ACK 三次交互的完整过程。
TLS 1.3 握手
HTTPS 背后的加密协议，密钥协商、证书验证、对称加密建立的完整流程。
DNS 解析全流程
从输入域名到拿到 IP，经过本地缓存、递归查询、根服务器的完整路径。
HTTP/1.1 请求响应
一次完整的 Web 请求背后，HTTP 报文如何构建、传输、解析，状态码的含义。
TCP 拥塞控制
慢启动、拥塞避免、快重传、快恢复四大算法，窗口如何随网络状态动态调整。
TCP 四次挥手
为什么断开连接需要四次？FIN、ACK 的时序与 TIME_WAIT 状态详解。
⏭
步进控制，随时暂停
每个协议步骤可单步前进 / 后退，配合注释气泡，彻底看清每一帧状态变化。
🗺
协议层次全景图
OSI 七层 / TCP-IP 四层导航，点击某层直接跳转对应协议，建立系统性知识网络。
🏷
字段级注释
数据包每个字段都有解释——SYN=1 是什么意思、seq 的值从哪来，一目了然。
⚡
异常场景演示
超时重传、丢包、RST 复位……不只演示正常流程，异常分支同样有动画覆盖。
🏆
备考华为认证
HCIA-Datacom / HCIP 考生
动画理解 + 考点对照，效率翻倍
查看 HCIA 考点 →
💻
后端/全栈开发者
TCP 握手、HTTP、TLS、WebSocket
知道怎么用，更要知道原理
从 TCP 三次握手开始 →
📚
计算机专业学生
22 个协议覆盖课程全范围
配合教材，考前突击也够用
浏览全部协议 →
🔧
网络工程师
OSPF / BGP / STP / NAT 动画
子网划分工具，工作中随时查
打开子网计算器 →
🖥️ 关于 NetViz
NetViz 是一个面向学习者的网络协议可视化平台，帮助大家通过步进动画和交互练习，真正搞懂那些教科书上枯燥的协议原理。
"希望这个工具能让你少走一点弯路。"
👤 作者：家家乐
📅 创建时间：2026 年 3 月
💌 意见与反馈
欢迎各位网友批评指正！本项目还很年轻，难免有错误和不足的地方，恳请大家不吝赐教。
无论是发现了知识点错误、功能 Bug，还是有任何改进建议，都非常欢迎来信交流。您的每一条反馈对我都是莫大的鼓励 🙏
wangaihau@qq.com
⚠ IP 地址格式不正确，请输入如 192.168.1.0
网络基础
✅ 有动画
IP 编址与路由基础
IP 路由转发 →
✅ 有动画
ARP 地址解析
ARP 动画 →
✅ 有动画
ICMP 与 Ping 机制
ICMP/Ping 动画 →
🔧 有工具
子网划分与 VLSM
子网计算器 →
📖 理论
OSI 七层模型 / TCP/IP 五层
概念题，记忆为主
以太网与交换
✅ 有动画
VLAN 划分与 802.1Q
VLAN 动画 →
✅ 有动画
STP 生成树与环路消除
STP 动画 →
✅ 有动画
MAC 地址学习与以太网帧
ARP 含 MAC 帧解析 →
📖 理论
交换机端口安全 / 链路聚合
概念配置题
路由协议
✅ 有动画
静态路由与路由转发
IP 路由转发动画 →
✅ 有动画
OSPF 链路状态路由
OSPF 动画 →
📖 理论
RIP 距离矢量协议
概念题，HCIA 考基础
📖 理论
路由表结构与最长前缀匹配
理解性考点
传输层
✅ 有动画
TCP 三次握手
TCP 三次握手动画 →
✅ 有动画
TCP 四次挥手
TCP 四次挥手动画 →
✅ 有动画
UDP 无连接传输
UDP 动画 →
✅ 有动画
TCP 流量控制与拥塞控制
TCP 拥塞控制动画 →
应用层与网络服务
✅ 有动画
DNS 域名解析
DNS 递归/迭代动画 →
✅ 有动画
DHCP 地址自动分配
DHCP 动画 →
✅ 有动画
HTTP / HTTPS 应用层协议
HTTP + TLS 动画 →
✅ 有动画
NAT / PAT 地址转换
NAT SNAT/DNAT 动画 →
✅ 有动画
FTP 文件传输协议
FTP 主动/被动模式动画 →
网络安全基础
✅ 有动画
SSL/TLS 加密传输
TLS 1.3 握手动画 →
📖 理论
ACL 访问控制列表
配置题重点
📖 理论
防火墙基础 / AAA 认证
概念识记
💡 备考建议：先把所有「✅ 有动画」的考点用动画彻底理解透，再去背「📖 理论」部分——理解之后背起来快很多。