HTML无法直接操作文件系统，所谓“新建/重命名文件夹”需依赖后端接口或Electron等框架；纯浏览器环境只能用localStorage模拟结构，如{ id, name, itemIds }数组，并注意JSON序列化与DOM加载时机。
HTML 本身不能创建或管理文件夹
浏览器里的 HTML 是纯静态文档，没有文件系统权限，mkdir、rename、fs.readdir 这类操作它一个都干不了。所谓“HTML 新建文件夹”“重命名文件夹”，实际是前端界面 + 后端能力的组合结果，或者干脆是本地桌面工具（比如用 Electron 封装的收藏夹管理器）在背后干活。
常见错误现象：Uncaught TypeError: fs.mkdir is not a function（在浏览器控制台看到这个，说明你误把 Node.js 代码直接塞进 HTML 里跑了）；点击“新建文件夹”按钮毫无反应，是因为没接任何真实逻辑，只写了按钮 HTML。
- 如果你在写一个网页版收藏夹，得靠 JavaScript 调后端接口（比如
/api/folder/create），后端用 Python/Node.js 等真正执行文件操作 - 如果只是本地双击打开的
index.html，那所有“文件夹管理”只能模拟：用localStorage存一组 JSON，把“文件夹名”“包含哪些题目 ID”记下来，不产生真实目录 - 想绕过服务器直接操作本地磁盘？现代浏览器禁止这么做——这是安全底线，不是兼容性问题，改不了
用 localStorage 模拟收藏夹文件夹结构
适合单机离线使用、无需同步、题目数据量不大的场景。核心是把“文件夹”抽象成对象数组，每个对象含 id、name、itemIds（题目 ID 列表）。
示例结构：
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
const folders = [
{ id: "f1", name: "算法基础", itemIds: ["q101", "q102"] },
{ id: "f2", name: "动态规划", itemIds: ["q205", "q211", "q218"] }
];
- 新建文件夹：生成唯一
id（比如Date.now().toString(36)），push 进数组，再localStorage.setItem("folders", JSON.stringify(folders)) - 重命名：找到对应
folder.id === targetId的项，改它的name字段，再存回localStorage - 注意
localStorage只存字符串，必须JSON.stringify/JSON.parse，否则读出来是[object Object] - 别直接
folders.push(newFolder)后就存——要确保整个数组是可序列化的，避免存了函数、Date对象等无法 JSON 化的东西
浏览器里点“新建文件夹”却没反应？检查这三处
不是代码写错了，而是事件根本没挂上、或被拦截了。
- 按钮没加
id或class，JS 里用document.getElementById("create-btn")查不到，返回null，后续.addEventListener报错静默失败 - JS 脚本放在
<head>里，但 DOM 还没加载完，document.querySelector找不到元素 —— 改成<script defer src="app.js"></script>或包在DOMContentLoaded里 - 用了
event.preventDefault()却忘了给表单按钮设type="button"，导致点击后页面刷新，刚存的localStorage看似“丢了”（其实是刷新重载了旧状态）
真要操作本地文件夹？得换技术栈
HTML + 浏览器这条路走不通。可行路径只有两条：
- 用 Electron 或 Tauri 打包：它们让 JS 能调用系统 API，
fs.mkdir在主进程里可用，前端通过 IPC 发请求 - 写个本地 HTTP 服务（比如用
express+fs），HTML 页面用fetch调自己的/api/folder/rename，服务端真正改文件系统
这两条路都会脱离“纯 HTML”的范畴，需要启动额外进程或服务。很多人卡在这一步，是因为混淆了“界面用 HTML 写”和“功能由 HTML 实现”——界面是皮，能力是骨，骨头不在 HTML 里。
最常被忽略的点：连“题目收藏夹”里“题目”本身怎么存都没定——是存在 JSON 文件里？还是每道题一个 HTML 文件？路径怎么组织？这些决定了文件夹操作到底要映射到哪一层，而不是先写个按钮再说。
