h5新的储存机制

发表于 | 更新于

html4时候：cookies
cookies存储只有4kb；
利用http来进行传输，受带宽影响很大
正确设置cookies时间很麻烦的事情

h5引入了web storage存储机制 ——
sessionStorage/localStorage(5M)：两种存储机制
localStorage：永久存储，只要不销毁就一直存在；
sessionStorage：临时储存，时效是当开打窗口到窗口关闭

localstorage基础操作

1
2
3
4
5
6
localStorage.setItem(key,value)：//存入信息
localStorage.getItem(key)  // localStorage.key：获取value值
localStorage.key(index)：// 获取key值
localStorage.length：// 获取长度
localStorage.removeItem(key)：// 根据key值进行删除
localStorage.clear()：//清空所有

jquery-cookie简单语法

1
2
3
4
5
6
7
//创建cookie
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
//读取cookie
$.cookie('the_cookie');
//删除cookie
$.cookie('the_cookie', null);
$.removeCookie('',{})