使用本地存储保存游戏进度

基础概念

本地存储（Local Storage）是一种在客户端（用户的浏览器或设备）上保存数据的方式。与服务器端存储不同，本地存储的数据不会随着每次请求而发送到服务器，因此可以提高性能并减少网络流量。对于游戏进度这样的数据，本地存储是一个理想的解决方案，因为它允许玩家在关闭浏览器或重启设备后仍然能够恢复游戏进度。

类型

Web Storage API：包括localStorage和sessionStorage。localStorage数据持久保存，直到被清除；sessionStorage数据仅在当前会话中有效。
IndexedDB：一个事务数据库系统，适合存储大量结构化数据。
Cookies：虽然也可以用来存储数据，但通常用于存储较小的数据量，并且每次HTTP请求都会携带cookies，可能会影响性能。

应用场景

游戏进度：保存玩家的游戏进度，如等级、分数、物品等。
用户设置：保存用户的个性化设置，如主题、字体大小等。
离线应用：在没有网络连接的情况下，仍然能够访问和修改数据。

示例代码

以下是一个使用localStorage保存和读取游戏进度的示例：

// 保存游戏进度
function saveGameProgress(level, score) {
    localStorage.setItem('gameLevel', level);
    localStorage.setItem('gameScore', score);
}

// 读取游戏进度
function loadGameProgress() {
    const level = localStorage.getItem('gameLevel');
    const score = localStorage.getItem('gameScore');
    return { level, score };
}

// 示例调用
saveGameProgress(5, 1000);
const progress = loadGameProgress();
console.log(progress); // 输出: { level: '5', score: '1000' }