H5之localStorage,sessionStorage

时间:2023-03-10 01:52:46
H5之localStorage,sessionStorage

在以前的时候也听说过一些h5缓存技术,具体也没有去使用过,就在前两三个礼拜我用了localStorage和sessionStorage这两个存储方式,

我使用这些存储技术,也是想减少访问服务器的请求,缓解服务器的压力,当时后面发现我们的项目并不适用,通过这次的使用,也知道不能乱用;

在通过一个域名下可以情况这些数据;

我下面总结下我遇到的问题(手机端):

1.清除缓存的使用不要使用sessionStorage.clear('键名'),使用sessionStorage.removeItem('键名');

2.如果刷新页面要重新请求接口数据(数据会变化的),不适合把接口请求的数据存储在使用sessionStorage和localStorage,要是请求的数据不变,就可以存起来,刷新后,不从服务器获取数据,直接从,缓存中读取;

3.使用这sessionStorage或者localStorage,存储数据,要是为非字符串的数据,要进行数据序列化,即JSON.stringify(),读取数据时要反序列化,即JSON.parse();

4. 这些存储数据有大小限制;