浏览器本地存储

1.存储内容大小一般支持 5m 左右（不同浏览器可能不一样）
2.浏览器端通过 Window.sessionStorge 和 Window.localStorge 实现本地存储机制
3.相关 API
xxxxStorge.setItem('key','value')
xxxxStorge.getItem('key')
xxxxStorge.removeItem('key')
xxxxStorge.clear
4.备注：
1.sessionStorge 存储的内容会随着浏览器窗口关闭而消失
2.localStorge 存储的内容需要手动清除才会消失
3.xxxxStorge.getItem('key')如果对应的 value 获取不到，返回 null
4.JSON.parse(null)的结果仍然是 null

localStroage

保存

 let p ={'name':'张三','age':19}
localStorage.setItem('msg','hello world')
 localStorage.setItem('msg2',666)
 localStorage.setItem('msg3',JSON.stringify(p))

读取

 console.log(localStorage.getItem('msg'))
console.log(localStorage.getItem('msg2'))
const result  = localStorage.getItem('msg3')
console.log(JSON.parse(result))

删除

 localStorage.removeItem('msg')
 localStorage.removeItem('msg2')

清空

 localStorage.clear()

sessionStroage

保存

  let p ={'name':'张三','age':19}
 sessionStroage.setItem('msg','hello world')
 sessionStroage.setItem('msg2',666)
sessionStroage.setItem('msg3',JSON.stringify(p))

读取

 console.log(sessionStroage.getItem('msg'))
 console.log(sessionStroage.getItem('msg2'))
const result  = sessionStroage.getItem('msg3')
 console.log(JSON.parse(result))

删除

sessionStroage.removeItem('msg')
sessionStroage.removeItem('msg2')

清空

  sessionStroage.clear()