可利用 localStorage 自动保存并恢复用户编程语言选择：页面加载时读取并设置默认语言，切换时实时保存，统一管理语言标识，支持手动重置。
可以利用 localStorage 在用户切换编程语言后自动保存选择，并在下次打开页面时恢复上次选中的语言作为默认值。关键在于“保存时机”和“读取时机”的配合，以及处理首次访问的边界情况。
初始化时从 localStorage 读取并设置默认语言
页面加载完成后，立即检查 localStorage 中是否存有预设语言（如 "preferredLanguage"），若有则同步更新下拉菜单或按钮组的选中状态，并用于初始化编译器环境：
- 使用
document.addEventListener("DOMContentLoaded", ...)或window.onload确保 DOM 就绪 - 读取：
const savedLang = localStorage.getItem("preferredLanguage") - 若存在且对应选项有效，用
select.value = savedLang或radio.checked = true设置默认选中 - 同时调用一次语言切换逻辑（如加载语法高亮配置、设置编译器后端路径），避免界面与功能不同步
语言切换时实时保存到 localStorage
监听语言选择控件的变化事件（change 或 click），在用户操作后立刻持久化新值：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 对
<select></select>元素：绑定change事件，获取e.target.value - 对单选按钮组（
input[type="radio"]）：绑定change事件，用e.target.id或e.target.value获取选中项 - 执行
localStorage.setItem("preferredLanguage", selectedValue) - 建议加简单容错，例如仅当
selectedValue非空且为合法语言标识（如"python"、"javascript"）时才保存
支持多语言标识统一管理
避免硬编码语言字符串，提升可维护性：
立即学习“前端免费学习笔记（深入）”；
- 定义常量对象，如
const LANGUAGES = { py: "python", js: "javascript", cpp: "cpp", rs: "rust" } - HTML 中选项的
value使用简写（py），localStorage存简写，运行时再映射为完整标识 - 这样既节省存储空间，又便于后续扩展或重构（比如把
"py"改为"python3"时只需改映射表）
清除或重置记忆逻辑（可选但推荐）
提供手动重置入口，增强用户控制感：
- 添加“恢复默认语言”按钮，点击后执行
localStorage.removeItem("preferredLanguage")并将 UI 切回初始语言（如 JavaScript） - 可在设置面板或编辑器右上角小齿轮菜单中集成该功能
- 调试时也可在浏览器控制台直接运行
localStorage.removeItem("preferredLanguage")快速验证逻辑
