可直接用 localStorage 保存排序字段、方向（true升序/false降序）和文件夹优先三项参数，序列化为 JSON 字符串存取，并在页面加载和表头点击时读取应用；多视图场景建议按视图类型区分键名。

可以直接用 localStorage 保存当前视图的排序字段和顺序（升序/降序），比如按“名称”“大小”“修改时间”排列，配合正序或倒序标识。关键不是存界面状态本身，而是存决定排序逻辑的参数，刷新后重新应用即可。

明确要存哪几个核心参数

文件管理器的“排列方式”本质是排序规则，通常包含三项：

• 排序字段：如 "name"、"size"、"modified"
• 排序方向：布尔值 true 表示升序（A→Z / 小→大），false 表示降序
• 是否为文件夹优先（可选）：如 "foldersFirst": true，用于控制目录是否总排在前面

存取操作要序列化成字符串

localStorage 只支持字符串值，所以得把对象转成 JSON：

保存时：

立即学习“前端免费学习笔记（深入）”；

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

const sortConfig = { field: "modified", desc: true, foldersFirst: true };
localStorage.setItem("fileViewSort", JSON.stringify(sortConfig));

读取并解析时：

const saved = localStorage.getItem("fileViewSort");
const sortConfig = saved ? JSON.parse(saved) : { field: "name", desc: false };

注意加判空和 try-catch，避免 JSON 解析失败导致脚本中断。

绑定到实际排序逻辑中

每次渲染文件列表前，读取配置并执行对应排序：

• 监听用户点击表头（如“大小”列），更新配置并写入 localStorage
• 页面加载后立即读取配置，调用排序函数重排 DOM 或虚拟列表
• 如果用的是 React/Vue 等框架，可在初始化或 mounted 阶段读取，用响应式数据驱动视图

额外建议：区分多视图场景

如果支持“图标视图”“列表视图”“详细信息视图”，建议把视图类型也纳入键名，例如：

• "fileViewSort-list" 存列表模式的排序
• "fileViewSort-grid" 存图标模式的排序

这样切换视图时不会互相覆盖，用户体验更连贯。