首页 > 开发 > 前端 > 正文

跨浏览器本地存储-Store.js

2016-04-11 09:35:05  来源:极客头条

分类:WEB前端 时间:2015年2月13日
  store.js是一个跨浏览器的数据本地存储JS插件,可以在不依赖 cookie 和 Flash 的情况下把数据保存在客户端。store.js最大的优点就是很好地解决了一些老版本浏览器不支持html5 LocalStorage API的问题,store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。 压缩版的store.js非常的小巧,仅仅只有2.56 kB。使用起来也很方便。

1、引入store.js
  2、store.js常用的API
  1
2
3
4
5
6

store.set(key, val): 存储 key 的值为 val;
store.get(key): 获取 key 的值;
store.remove(key): 移除 key 的记录;
store.clear(): 清空存储;
store.getAll(): 返回所有存储;
store.forEach(): 遍历所有存储。
  3、store.js例子
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

// 存储 'username' 的值为 'raykaeso'
store.set('username', 'raykaeso')

// 获取 'username'
store.get('username')

// 移除 'username' 字段
store.remove('username')

// 清除所有本地存储
store.clear()

// 存储JSON对象 - 自动调用 JSON.stringify
store.set('user', { name: 'raykaeso', likes: 'php' })

// 获取存储的JSON对象 - 自动执行 JSON.parse
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)

// 从所有存储中获取值
store.getAll().user.name == 'raykaeso'

// 遍历所有存储
store.forEach(function(key, val) {
console.log(key, '==', val)
})
  标签:
来源:跨浏览器本地存储-Store.js