浏览器本地存储 WebStorage包括localstorage sessionstorage

一、概念

浏览器端通过sessionstorage和localstorage属性来实现本地存储

 二、相关API

// 设置，key value，key若存在，则则更新value，value为字符串，需要使用JSON
localStorage.setItem('msg', 'Hello')
sessionStorage.setItem('msg', 'Hello')// 获取value，根据key，value是字符串，需要反序列化
localStorage.getItem('msg')
sessionStorage.getItem('msg')// 删除key value 根据key
localStorage.removeItem('person')
sessionStorage.removeItem('person')//清空本地的存储
localStorage.clear()
sessionStorage.clear()

三、重点

1、sessionstorage存储的数据随着浏览器的关闭而消失

2、localstorage存储的数据，必须要手动清除才会消失

3、getitem没用对应的key，vlaue为null

4、JSON.parse(null)，任为null