最近因为做一个功能需要把一些用户填写的基本信息保存到浏览器的 Local Storage 中,于是找到了一个不错的工具——xStore,xStore 封装了 HTML5 的 localStorage 和 sessionStorage 接口,通过它可以很方便地将数据存放在浏览器本地的 Local Storage 或 Session Storage;
xStore 项目 GitHub 开源地址:https://github.com/florian/xStore
下面简要介绍下 xStore 的使用方式
- 创建 LocalStorage 存储实例:
var local = new xStore("local:", localStorage);
创建 local 实例时传入了两个参数,其中第一个参数 "local:" 存放到 Local Storage 后的数据 KEY 前缀,第二个参数表示生成的存储对象是用于存取 Local Storage 数据;
- 创建 SessionStorage 存储实例:
var session = new xStore("session:", sessionStorage);
- 存储数据到 Local Storage:
local.put("author", "Shawearn");
存储到 Session Storage 与 Local Storage 相似,下面以 Local Storage 为例,Session Storage 不再赘述;
- 获取数据:
local.get("author"); // Shawearn
- 移除指定数据:
local.remove("author");
- 清空数据:
local.empty();