正在备战计算机网络期末考试？被子网划分、TCP 拥塞控制、滑动窗口尺寸或是 CRC 循环冗余校验计算搞得头大？计算机网络极速复习电台是您的终极高分速成备考大礼包！它将精美响应式的 React 网页应用、期末考试真题自测题库和高度精炼的协议 Wiki 融为一体，助你秒杀期末考，稳拿高分。
Important
⚡ 直击考点、拒绝冗长： 过滤掉无意义的铺垫，直奔 OSI 七层/ TCP-IP 五层协议栈的高频核心考点，将厚重的教科书化繁为简，提炼为一份 6 阶段的冲刺白皮书！
- 📚 OSI & TCP/IP 5 层协议栈系统通关图： 结构清晰的时间线，带你从网络体系结构、物理编码、链路滑动窗口、局域网 MAC 协议一路攻克到 IP 路由算法和传输层 TCP 拥塞控制。
- 📝 交互式真题自测引擎： 包含选择题与简答大题，支持即时自测反馈、深度原理解析与数学计算步骤排版。
- 🧠 精炼的核心协议 Wiki： 归纳整理难点协议（如 DHCP, ARP, RIP, OSPF, BGP, TCP, UDP 等）的状态转移机、数据帧格式和考点计算。
- 🖥️ 现代化 React 前端界面： 采用完全解耦的 React SPA 前端，基于 Vite 和 Tailwind CSS 构建，轻量、丝滑、极速加载，移动端访问无缝适配。
- ⚡ 零配置部署： 静态文件完全解耦，随时一键免费上线 Cloudflare Pages, Vercel 或 GitHub Pages。
| 复习阶段 | 考点层级 | 核心协议与算法精讲 | 对应 Wiki 文档 |
|---|---|---|---|
| 阶段 1 | 计算机网络概述 | OSI 七层 vs TCP/IP 四层架构、分组交换时延计算、面向连接与无连接服务 | ch1_overview_architecture.md |
| 阶段 2 | 物理层 | 奈奎斯特定理、香农公式、曼彻斯特编码/差分曼彻斯特编码、信道复用 (FDM/TDM/WDM) | ch2_physical_layer.md |
| 阶段 3 | 数据链路层 | 组帧（字符/比特填充）、滑动窗口协议（GBN、SR 窗口大小关系）、CRC 冗余校验码计算 | ch3_data_link_layer.md |
| 阶段 4 | 介质访问控制子层 | CSMA/CD 退避算法与最小帧长、CSMA/CA 冲突避免、以太网帧格式、局域网交换机/网桥机制 | ch4_mac_lan.md |
| 阶段 5 | 网络层 | IPv4/v6 帧头结构、NAT 端口映射、CIDR 子网划分与超级网、ARP、DHCP、ICMP、路由算法 (RIP/OSPF/BGP) | ch5_network_layer.md |
| 阶段 6 | 传输层 | 熟知端口号、UDP 校验和计算、TCP 三次握手/四次挥手、滑动窗口流量控制、拥塞控制 (慢开始/拥塞避免/快重传/快恢复) | ch6_transport_layer.md |
computerNetwork/
├── study-site/ # 💻 前端 React+Vite 交互式复习网站（完全解耦）
│ ├── src/ # └─ 测验交互、成绩单与面板前端源码
│ └── public/ # └─ 静态图片、图标与分发资源
├── references/ # 📚 极速复习原始核心材料
│ ├── wiki/ # └─ 高度精炼的 5 层协议栈章节大纲 Wiki 知识库
│ └── quiz_bank.json # └─ 结构化的期末混合自测题库
├── scratch/ # 🛠️ PDF 原版课件文本提取、数据解析与自动对齐脚本
├── study_plan.md # 📅 计算机网络极速备考路线图说明书
├── study_progress.md # ✍️ 个性化错题本、协议疑难梳理与学习追踪记录表
└── *.pptx / *.docx # 📂 原版授课 PPT 课件幻灯片、历年期末模拟练习题在您的本地电脑上一键开启备考应用：
# 进入网站项目文件夹
cd study-site
# 安装项目依赖包
npm install
# 运行本地开发热更新服务器
npm run dev导出最优化打包的生产静态资源：
npm run build编译输出文件将自动写入 dist/ 目录下，随后即可直接上传并托管至任意静态网页平台。
本项目的 study-site/ 目录完美适配 Cloudflare Pages 自动化流水线，实现代码推送即部署（CI/CD）：
- 登录 Cloudflare 控制台： 登录 Cloudflare Dashboard，导航至 Workers & Pages -> Pages -> Connect to Git（连接到 Git）。
- 选择 GitHub 仓库： 绑定您的 GitHub 账号，并选择本仓库
computerNetwork。 - 填写构建配置字段（核心要点）： 请严格按照以下表格配置构建设置：
| 配置字段 (Configuration Field) | 目标设置值 (Value) | 字段详解与重要作用 |
|---|---|---|
| Project Name (项目名称) | computer-network-study-site |
用于生成您的二级域名 (如 computer-network-study-site.pages.dev) |
| Production Branch (生产分支) | main |
触发正式版部署的默认主分支 |
| Framework Preset (框架预设) | Vite | 自动加载 Vite 项目的标准依赖和环境预设 |
| Root Directory (根目录) | study-site |
[最关键] 必须指定为解耦的网页子目录，否则构建会失败 |
| Build Command (构建命令) | npm run build |
运行 tsc -b && vite build 编译 React + TS + Vite 生产包 |
| Build Output Directory (构建输出目录) | dist |
编译后生成的静态资源分发包路径 |
- 保存并部署： 点击 "Save and Deploy"，Cloudflare 将拉取您的代码、自动安装 Node 依赖，并秒级部署上线。
Important
关于根目录设置的声明： 由于我们指定了 Root Directory 为 study-site，Cloudflare 会自动定位在该子目录中执行依赖安装和打包。请勿在构建命令中填写 cd study-site && npm run build。
Note
往后每一次向本仓库的 main 分支提交或合并代码，Cloudflare Pages 都会自动捕捉并静默更新部署，确保您的备考网站内容始终保持最新！