webstorage(本地存储)
- webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage;
- 目标:
- 提供一种在cookie之外存储会话数据的路径
- 提供一种存储大量可以跨会话存在的数据的机制
WebStorage的优点
- 存储空间更大:cookie为4KB,而WebStorage是5MB
- 节省网络流量:WebStorage不会传送到服务器,存储在本地的数据可以直接获取,也不会像cookie一样美词请求都会传送到服务器,所以减少了客户端和服务器端的交互,节省了网络流量
- 对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据,sessionStorage会非常方便
- 快速显示:有的数据存储在WebStorage上,再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多,所以速度更快
- 安全性:WebStorage不会随着HTTP header发送到服务器端,所以安全性相对于cookie来说比较高一些,不会担心截获,但是仍然存在伪造问题
WebStorage的数据操作
- setItem (key, value) —— 保存数据,以键值对的方式储存信息;
- getItem (key) —— 获取数据,将键值传入,即可获取到对应的value值;
- removeItem (key) —