用 localstorage 存储新手引导完成状态，即存字符串 "true" 作为标记，如 localstorage.setitem('onboardingcompleted', 'true')；读取时需严格比对字符串，const isdone = localstorage.getitem('onboardingcompleted') === 'true'；重置时调用 localstorage.removeitem('onboardingcompleted')。

用 localStorage 存储新手引导完成状态，核心就是“存一个标记”，比如 true 或字符串 "done"，下次打开页面时检查这个标记，决定是否显示引导。

怎么存：设置完成状态

用户点击“跳过”或走完引导流程后，执行：

• localStorage.setItem('onboardingCompleted', 'true');
• 推荐用字符串而非布尔值，避免取值时类型混淆（localStorage 只支持字符串）
• 也可用更明确的键名，如 'user_onboarding_v2_done'，方便后续升级版本

怎么读：判断是否需要显示引导

页面初始化时检查：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

• const isDone = localStorage.getItem('onboardingCompleted') === 'true';
• 不要直接用 !!localStorage.getItem(...)，因为存的是字符串 "false" 也会被转成 true
• 如果返回 null（首次访问），说明没做过引导，应显示

怎么清：重置引导（可选）

开发调试或用户主动重置时：

• localStorage.removeItem('onboardingCompleted');
• 不建议用 localStorage.clear()，会误删其他数据
• 可在设置页加个“重新体验引导”按钮，绑定该操作

注意事项

localStorage 是同源的，且不会过期 —— 同一域名下所有页面共享，除非手动清除或用户清缓存。它不适用于敏感信息，但存引导状态完全合适。如果项目用了 Vue/React，建议把读写逻辑封装成工具函数，避免重复判断。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南