客户端存储数据新方法-localStorage/sessionStorage

一,两种方式存储方式的区别?

localStorage:没有时间限制存储,甚至一个年,几年都会存在

sessionStorage:针对一个session的数据存储,但是浏览器关闭之后他的数据就会被清除掉 

二与cookie做对比

之前呢,数据存储都是由cookie来完成的,但是cookie不适合大量的数据存储,因为它们由每个队服务器的请求来传递,这使得cookie速度很慢而且效率也不高

接下我们看一下localStorage

localStorage的存储特点:localStroage方法存储的数据没有时间限制,第二天,第二周或下一年之后,数据依然可用

使用方法:localStorage.text=XXX;进行保存,代码demo如下


客户端存储数据新方法-localStorage/sessionStorage_第1张图片

第二个我们看一下sessionStorage

它的存储特点:针对一个session进行数据存储,当用户关闭浏览器窗口后,数据会被删除

其数据存储的方式是sessionStorage.num=XXXX;下面是demo的图片


客户端存储数据新方法-localStorage/sessionStorage_第2张图片

ending.........................

你可能感兴趣的:(客户端存储数据新方法-localStorage/sessionStorage)