前端/web存储

1.cookie

特点: 1.产生于服务器端 保存于客户端. 2.面向服务器 同一服务器的cookie是共享的 不同服务器的cookie不共享 3.大小限制4KB
设置cookie:
参数: key value 设置过期时间expires

Cookies.set('name','zhangsan',{expires:7})

获取cookie:
参数: key(键名/属性名)

Cookies.get('name')

删除cookie
参数: key(键名/属性名)

Cookies.remove('name')

2.会话存储sessionStorage

特点: 1.针对于选项卡 选项卡关闭或者浏览器关闭 会话失效数据不存在 2.传输的数据可以达到5MB甚至更大
设置sessionStorage
参数 key value

sessionStroage.setItem('name','zhangsan')

获取sessionStorage
参数 key

sessionStroage.getItem('name')

清除sessionStorage
参数 key

sessionStorage.removeItem('name')

清除全部会话存储
参数 无

sessionStorage.clear()

3.本地存储localStorage

特点 1.将数据存储到磁盘中 2.即使选项卡或浏览器关闭,数据依旧存在 3.传输的数据可以达到5Mb
设置localStorage
参数 key value

localStroage.setItem('name','zhangsan')

获取localStorage
参数 key

localStroage.getItem('name')

清除localStorage
参数 key

localStorage.removeItem('name')

清除全部会话存储
参数 无

localStorage.clear()