mindmap
    id1[HTML 基础]
        id1-1[HTML 概述]
        id1-2[HTML 发展历史与版本演进]
        id1-3[HTML 文档结构与基本语法]
        id1-4[HTML 标签分类与语义化]
        id1-5[DOCTYPE 声明与文档类型]
        id1-6[常用 HTML 标签]
        id1-7[文本标签：h1-h6、p、span、strong、em]
        id1-8[列表标签：ul、ol、li、dl、dt、dd]
        id1-9[表格标签：table、tr、td、th、thead、tbody]
        id1-10[表单标签：form、input、textarea、select、button]
        id1-11[多媒体标签：img、audio、video、canvas]
        id1-12[HTML5 新特性]
        id1-13[语义化标签：header、nav、section、article、footer]
        id1-14[表单增强：新的 input 类型和属性]
        id1-15[多媒体支持：audio 和 video 标签]
        id1-16[Canvas 绘图与 SVG 图形]
        id1-17[本地存储：localStorage 和 sessionStorage]

mindmap
    id2[JavaScript 基础]
        id2-1[JavaScript 核心语法]
        id2-2[变量声明：var、let、const]
        id2-3[数据类型：原始类型与引用类型]
        id2-4[运算符：算术、比较、逻辑、赋值运算符]
        id2-5[流程控制：if-else、switch、for、while]
        id2-6[函数与作用域]
        id2-7[函数定义与调用]
        id2-8[参数传递与返回值]
        id2-9[作用域链与闭包]
        id2-10[箭头函数与 this 绑定]
        id2-11[对象与数组]
        id2-12[对象创建与属性访问]
        id2-13[数组方法与操作]
        id2-14[JSON 数据格式]
        id2-15[原型与原型链]

mindmap
    id3[DOM 操作]
        id3-1[DOM 基础概念]
        id3-2[DOM 树结构解析]
        id3-3[节点类型与关系]
        id3-4[DOM 查询方法：getElementById、querySelector]
        id3-5[DOM 遍历与导航]
        id3-6[DOM 操作技术]
        id3-7[元素创建与删除]
        id3-8[属性操作与样式修改]
        id3-9[内容插入与替换]
        id3-10[事件处理机制]
        id3-11[事件系统]
        id3-12[事件流与事件冒泡]
        id3-13[事件委托模式]
        id3-14[常用事件类型：click、submit、keydown]
        id3-15[自定义事件与事件对象]

mindmap
    id4[HTML 与 JavaScript 交互]
        id4-1[脚本引入方式]
        id4-2[内联脚本与外部脚本]
        id4-3[script 标签属性：async、defer]
        id4-4[模块化与 ES6 模块]
        id4-5[表单处理]
        id4-6[表单验证技术]
        id4-7[表单数据获取与提交]
        id4-8[文件上传处理]
        id4-9[富文本编辑器集成]
        id4-10[数据存储与通信]
        id4-11[Cookie 操作与管理]
        id4-12[Web Storage API 使用]
        id4-13[AJAX 技术与 Fetch API]
        id4-14[WebSocket 实时通信]

mindmap
    id5[现代 Web 开发实践]
        id5-1[性能优化]
        id5-2[页面加载优化策略]
        id5-3[代码分割与懒加载]
        id5-4[缓存机制与资源压缩]
        id5-5[渲染性能优化]
        id5-6[安全考虑]
        id5-7[XSS 攻击与防护]
        id5-8[CSRF 攻击与防护]
        id5-9[内容安全策略 CSP]
        id5-10[数据验证与清理]
        id5-11[响应式设计]
        id5-12[媒体查询与响应式布局]
        id5-13[移动端适配技术]
        id5-14[渐进式 Web 应用 PWA]
        id5-15[无障碍访问支持]

mindmap
    id6[开发工具与调试]
        id6-1[开发环境搭建]
        id6-2[代码编辑器配置]
        id6-3[浏览器开发者工具]
        id6-4[构建工具：Webpack、Vite]
        id6-5[版本控制与 Git]
        id6-6[调试技术]
        id6-7[控制台调试方法]
        id6-8[断点设置与单步调试]
        id6-9[网络请求分析]
        id6-10[性能监控与分析]
        id6-11[测试与部署]
        id6-12[单元测试框架]
        id6-13[端到端测试工具]
        id6-14[代码质量检查]
        id6-15[部署流程与持续集成]