C++ OI Roadmap

CSP-J → CSP-S → NOIP 信息学竞赛完整学习路线图与资源整合

项目简介

从 CSP-J 入门到 NOIP 进阶的 C++ 信息学竞赛完整学习路线图与资源整合网站。纯前端静态站点，自带 Canvas 动态粒子网络特效，科技感十足。

在线访问

GitHub Pages: https://peter1384345.github.io/cpp-oi-roadmap/

内容模块

模块	说明
四阶段路线总览	S0 语言基础 → S1 CSP-J → S2 CSP-S → S3 NOIP
阶段详细攻略	每阶段学习目标 / 核心知识点 / 配套书籍
资源整合中心	在线题库 · 经典书籍 · 知识库 · 视频课程 · 效率工具
年度竞赛日历	从报名到国赛的全年关键节点
FAQ	零基础规划 / 刷题策略 / OI 赛制 / 升学平衡等 10 问

四阶段路线

S0 语言基础 S1 CSP-J S2 CSP-S S3 NOIP ─────────── ───────── ───────── ───────── C++ 语法基础 基础算法 进阶算法 省选/NOIP 变量/分支/循环 排序/搜索/贪心 图论/动态规划 高级数据结构 数组/字符串/函数 递推/递归/模拟 数论/计算几何 网络流/树链剖分 STL 基础 简单数据结构 高级数据结构 动态规划进阶

技术特性

• 🕸️ Canvas 动态粒子网络 — 粒子漂移 + 邻近连线 + 鼠标交互引力 + 光晕
• 🌌 暗色科幻主题 — 霓虹渐变、玻璃拟态卡片、网格背景
• 📱 完全响应式，移动端自适应
• ⚡ 零依赖纯静态 — HTML + CSS + Vanilla JS，双击即可离线浏览

实战课程平台

主页集成 CodeQuest 实战课程 板块，一键直达 CodeQuest C++ 竞赛学习平台：

• 28 天 CSP-J 系统课程
• 练习中心与学习仪表盘
• 可视化竞赛路线图

👉 CodeQuest C++ 竞赛学习平台

项目结构

cpp-oi-roadmap/ ├── index.html # 主页面 ├── css/style.css # 科技感主题样式 ├── js/ │ ├── particles.js # 粒子网络特效 │ └── main.js # 交互逻辑 └── data/ ├── stages.js # 四阶段详细攻略数据 ├── resources.js # 学习资源数据 ├── calendar.js # 竞赛日历数据 └── faq.js # 常见问题数据

本地预览

`�ash

任意方式起一个静态服务即可

npx serve .

或直接用浏览器打开 index.html

`

免责声明

本站为学习资料整合页，竞赛时间与规则请以 NOI 官网 及各省通知为准。

License

MIT