ℹ️ 关于 Max知识库(Max老师专属版)
👨🏫 平台定位(Max老师专属)
本站是专为 Max 老师 定制开发的 C++ 个人学习与备课平台,旨在一站式满足:课前快速知识补习、课中互动演示、课后资源布置、阶段测评出卷四大教学场景,让 Max 老师把更多精力留给课堂与学生。
- 专属知识结构:按"基础语法→OOP→泛型/STL→高级特性→内存底层→算法设计"六阶推进,符合真实教学节奏。
- 专属教学配套:知识章节直接关联 PPT 纲要、标准教案、实验题、课程设计、期末题库,点到即用。
- 专属交互工具:代码高亮演示器、流程图、课堂小测、知识点速查卡,Max 老师可随时在课堂大屏投影使用。
🎯 平台目标 & 核心价值
面向承担 C / C++ 程序设计课程的高校教师、高职教师、培训机构讲师,特别适合 Max 老师长期使用:
- 知识补习:系统梳理并巩固 C++ 全知识体系,查漏补缺,保持知识前沿性(含 C++11/14/17/20 新特性)。
- 教学辅助:提供从大纲、PPT、教案、习题、实验、课程设计到期末试卷的全流程教学资源,节省 70% 备课时间。
- 竞赛辅导:内置"算法设计与分析"完整章节(排序、DP、图论、KMP 等),可直接用于蓝桥杯 / CSP / ACM 选修课辅导。
📚 知识覆盖范围(21章 完整体系)
- 过程化编程基础:语法、数据类型、流程控制、函数、数组、指针、引用
- 面向对象编程:类/对象、封装、继承、多态、虚函数、运算符重载
- 泛型编程与 STL:模板、容器、迭代器、算法、函数对象、智能指针
- 高级主题:异常、文件IO、内存管理、Lambda、移动语义、并发基础
- ⭐ 底层原理:编译链接4阶段、栈帧结构、调用约定、虚拟内存、对象内存布局、虚表、RTTI、异常ABI、内存对齐
- ⭐ 算法设计与分析:复杂度 + 主定理、八大排序、分治 / 贪心 / DP、回溯剪枝、图论最短路 & 最小生成树、KMP 字符串匹配
- 工程实践:设计模式、数据结构实现、编码规范
🧑🏫 Max 老师使用建议(完整备课流程)
⚙️ 技术说明(HTML + CSS + JS 三件套,零依赖 · 多页面)
🧩 三件套 + 多页面架构
全站采用多页面(MPA)架构,不再单页 SPA:每个功能独立 HTML,页面轻量、加载快、结构清晰。
- index.html 首页
- study.html 教师知识补习
- resource.html 教学资源中心
- tools.html 教学工具箱
- about.html 关于平台
CSS 与 JS 统一归档到子文件夹,便于维护。
📁 目录结构规范
所有资源统一归档:
- css/style.css 所有样式(含响应式+移动端汉堡弹层)
- js/data.js 知识章节与教学资源数据
- js/common.js 所有页面共用的导航 / 弹层 / 返回顶部
- js/app.js 各子页专属交互(侧边栏/资源Tab/工具箱)
修改路径再也不会"牵一发而动全身"。
🚫 无需后端 · 无需数据库
没有任何后端服务、没有 Node、没有 PHP / Java / Python、没有数据库连接。所有数据(章节、资源、试题)全部存放在 js/data.js 的普通 JS 数组里,直接嵌入浏览器内存渲染,任何 10 年前的老电脑都能流畅运行。
🌐 无需联网 · 双击即开
全站无外部 CDN、无远程字体、无在线 API,把整个文件夹拷到 U 盘,双击任意 .html 就能在任何浏览器中打开使用。特别适合:① 教室教学主机无外网;② 机房统一授课;③ Max 老师备课本离线使用。
📱 移动端自适应 · 按钮靠右
全面支持手机/平板访问:窄视图下顶部菜单栏自动折叠,右上角固定出现汉堡图标 ☰(小屏显示、大屏隐藏;始终贴在 nav-actions 最右端),点击即从顶部弹出覆盖层菜单,可快速跳转到首页 / 知识补习 / 资源中心 / 工具箱 / 关于;侧边栏在移动端改为普通流,手指上下滑动即可浏览章节。
🛡 安全可靠 · 永久可用
不依赖任何第三方平台、不收集用户信息、不上传任何数据。即使 5 年后、10 年后浏览器还能打开 HTML,Max 知识库就能继续工作——真正属于 Max 老师的"个人永久教学资产"。
✏️ 内容自由定制
所有章节、小节、代码示例、PPT纲要、教案、实验、试题,全部以"键值对 + 数组"的 JSON 风格写在 js/data.js,Max 老师可以:直接追加新章节、修改例题、替换题库、补充竞赛扩展题,完全不需要改 HTML 结构。
📐 统一处理 · 易扩展
公共组件(顶部导航、页脚、移动端汉堡弹层、返回顶部按钮)统一样式与脚本,5 个页面完全一致。以后要新增一个"期末复习"页,只需复制任意 HTML 模板、改标题与内容,再改顶部导航的 data-section 即可,1 分钟搞定。
🎨 一键换肤
想把深蓝+紫金换成校园绿、哈佛红、科技蓝?只需修改 css/style.css 顶部 :root 里的 --navy、--gold 两个 CSS 变量,全站所有按钮、LOGO、高亮都会自动同步,0 风险改主题。
💡 使用提示:若要修改内容,打开 js/data.js 即可;若要改样式配色,改 css/style.css 顶部的 CSS 变量(--navy / --gold)就能一键换肤;若要新增页面,复制任意 HTML 模板改链接即可。