xStore —— 一款在浏览器本地对 Local Storage 和 Session Storage 进行存取的工具

最近因为做一个功能需要把一些用户填写的基本信息保存到浏览器的 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 存储实例:
与创建 LocalStorage 存储实例相似,只是传入的第二个参数需要指定为 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();


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章