[三分钟笔记]localStorage | sessionStorage | cookie

localStorage | sessionStorage | cookie

1、生命周期：永久有效 | 页面会话期间可用 | 关闭浏览器就清除数据

2、大小： 5MB | 5MB | 4kb

3、与服务器通信： 不会传送到服务器，安全性高 | 不会传送到服务器，安全性高  |  数据会传送到服务器，请求传递是会带在http头部

4、易用性： 可以直接使用或再封装，例如对array和object有更好的兼容 |   |  需要自己再封装

 

> 使用方法

localStorage.setItem() .getItem() .removeItem() .clear()

sessionStorage.setItem() .getItem() .removeItem() .clear()

> 针对存储数据类型是array或object，需要转成json字符串和json对象使用

localStorage.setItem('hh', JSON.stringify({name: 'xl'}))

JSON.parse(localStorage.getItem('hh'))