HTML系列之前端存储

[yuanyuanbyte]

前端常用的本地存储方式有三种:cookie、localStorage 、sessionStorage

• cookie：在HTML5标准前本地储存的主要方式，优点是兼容性好，缺点是大小只有4k，自动请求头加入cookie浪费流量，使用起来麻烦需要自行封装；

HTML5 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

• sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据，在浏览器打开期间存在，包括页面重新加载

• localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

三者的具体对比如下：

cookie使用起来麻烦需要自行封装。

localStorage和sessionStorage使用相同的API：