##Web存储技术localStorage和sessionStorage的基本用法
1、首先对比cookie,早期我们都是利用cookie进行web页面本地存储的相关操作,但是cookie存储的数据量是有限的(少量的),另外cookie的数据会被上传到服务器,影响服务器传输速度和用户体验;而localStorage和sessionStorage进行数据存储可以存储大量的数据,同时数据不会保存到服务器上面,进而不会影响网站的性能。
2、localStorage和sessionStorage
1、数据以键/值得形式进行存储;
2、setltem存储value
setItem('key','value')
localStorage.setItem('key','value') sessionStorage.setItem('key','value')
getItem(key)获取value
var value = localStorage.getItem('key') var value = sessionStorage.getItem('key')
3、存储时间问题:
localStorage- 没有时间限制的 存储;
sessionStorage- 针对一个session的数据存储(关闭窗口,存储的数据清空)
1、首先对比cookie,早期我们都是利用cookie进行web页面本地存储的相关操作,但是cookie存储的数据量是有限的(少量的),另外cookie的数据会被上传到服务器,影响服务器传输速度和用户体验;而localStorage和sessionStorage进行数据存储可以存储大量的数据,同时数据不会保存到服务器上面,进而不会影响网站的性能。
2、localStorage和sessionStorage
1、数据以键/值得形式进行存储;
2、setltem存储value
setItem('key','value')
localStorage.setItem('key','value') sessionStorage.setItem('key','value')
getItem(key)获取value
var value = localStorage.getItem('key') var value = sessionStorage.getItem('key')
3、存储时间问题:
localStorage- 没有时间限制的 存储;
sessionStorage- 针对一个session的数据存储(关闭窗口,存储的数据清空)