6、本地存储、同步存储与 IndexedDB 全解析

本地存储、同步存储与 IndexedDB 全解析

1. 本地存储与同步存储

在应用开发中，存储数据是一项基础且重要的功能。本地存储和同步存储是两种常见的存储方式，它们各有特点。

1.1 本地存储

当 Simple Editor 首次启动时，它会从本地存储中获取颜色设置。如果通过选项对话框更改了颜色，这些颜色会被保存回本地存储。以下是相关代码示例：

// 假设存在 getParams 和 get 方法
getParams([key1, key2]).get().then((colors) => {
    setForeground(colors.foreground);
    setBackground(colors.background);
});

在上述代码中，第一行将包含两个键的数组传递给 getParams 方法，再传递给 get 方法。如果函数执行成功，它会根据这些颜色设置前景色和背景色。 setForeground 和 setBackground 的第二个参数被省略，因为不需要设置本地存储，颜色就是从本地存储中获取的。

1.2 同步存储

将 Simple Editor 改为使用同步存储非常方便，只需要更改一行代码：

var wantSync = true;