WebStorage
Web项目存储数据常用的方案:
(1)服务器端存储
1)数据库存储,如商品、用户等核心数据
2)Session/内存存储,如用户的登录信息
(2)客户端存储
3)Cookie存储,如用户偏好、访问历史,浏览器兼容性好但处理麻烦且容量限制
4)H5 WebStorage存储,如用户偏好、访问历史等安全要求的数据,老IE不兼容但易使用且容量大
H5WebStorage存储具体涉及到两个对象:
(1)window.sessionStorage:类数组对象,通过key=>value对存储字符串数据——会话级存储
添加数据:sessionStorage['key'] = 'value'
修改数据:sessionStorage['key'] = 'newValue'
删除数据:delete sessionStorage['key']
获得数据:var v = sessionStorage['key']
(2)window.localStorage:类数组对象,通过key=>value对存储字符串数据——本地/跨会话级/永久存储
添加数据:localStorage['key'] = 'value'
修改数据:localStorage['key'] = 'newValue'
删除数据:delete localStorage['key']
获得数据:var v = localStorage['key']