你有没有注意过，有些网站关了重新打开，你的设置还在——暗色主题、语言偏好、上次看到哪里。这些数据没存在服务器上，而是存在你的浏览器里，这就是 LocalStorage。

LocalStorage 是浏览器提供的本地存储 API，可以在用户的浏览器中保存键值对数据（key-value）。数据会永久保存（除非手动清除），关闭浏览器也不会丢失。容量约 5-10MB，只能存储字符串（对象需要 JSON.stringify 转换）。

localStorage 体验

localStorage 和 sessionStorage 的区别是什么？

• localStorage 更快
• sessionStorage 容量更大
• localStorage 永久保存，sessionStorage 关标签页就没了
• 没有区别

浏览器端有三种常见的存储方式：localStorage、sessionStorage 和 Cookie，它们的生命周期和用途各不相同。来对比看看——

存储方式对比

AI 编程中 localStorage 的常见用途：保存用户偏好（主题、语言）、缓存 API 数据减少请求、保存表单草稿防止丢失、存储登录状态（Token）。使用时注意：不要存敏感信息（密码），存对象要用 JSON.stringify/parse 转换。

恭喜你完成了 Web 知识篇的全部学习！从服务器、HTML/CSS、JavaScript 到 React、组件库、DevTools —— 你已经掌握了前端开发的核心知识体系。