H5本地存储技术

sessionStorage(会话存储)

会话:浏览器标签从打开到关闭的一个过程

  • sessionStorage的生命周期:浏览器打开到关闭的过程
  • sessionStorage的大小:5MB
  • sessionStorage的保存位置:浏览器端
  • sessionStorage的方法:
setItem('key',value)
getItem('key')
removeItem('key')

localStorage(永久存储)

  • localStorage的生命周期:永久除非人为删除
  • localStorage的大小:5MB
  • localStorage的保存位置:浏览器端
  • localStorage的方法:
setItem('key',value)
getItem('key')
removeItem('key')

浏览器查看:
在这里插入图片描述

cookie

作用: cookie用于浏览器和服务器端进行通信,cookie存储了用户的浏览记录。
特点∶

  • 大小:4kb
  • 每次发送请求都携带。导致占用带宽
  • 保存在浏览器端
  • cookie容易被截获,不安全
  • cookie生命周期:
    • 会话cookie:浏览器打开到关闭的过程
    • 人为设置cookie:人为设置的时间

猜你喜欢

转载自blog.csdn.net/mantou_riji/article/details/124921106