cookie和本地存储

cookie - 浏览器里面的一个存储空间

• cookie的特点
  • 大小有限制4KB/50条
  • 默认会话时效，可以设置
  • 请求会自动携带
  • 按照域名存储
  • 前后端都可以操作
• 前端操作cookie(前端获取的时间是东八区，要减8小时才是标准时间)
  • 设置: document.cookie = ‘key=value;expires=时间对象’
  • 删除: document.cookie = ‘key=value;expires=当前时间之前的时间对象’
  • 修改: 重新设置就可以覆盖原来的就是修改
  • 查询: document.cookie 获取的是当前域名下的所有cookie
• 后端操作cookie

  • setcookie(key,value,expires)

  • $_COOKIE(后端获取cookie)

    • 例如在php中获取cookie中的a变量和b变量：
      $b = $_COOKIE['a'];
      $a = $_COOKIE['b'];
      

localStorage/SessionStorage-浏览器里面的一个另一个储空间

1. localstorage:除非手动删除，会一直存在浏览器的存储空间中
2. SessionStorage：关闭浏览器就消失了(默认会话时效)

• 设置本地存储的键值对，都是字符串

  localStorage.setItem('a','10')
  SessionStorage.setItem('b','20')
  

• 获取本地存储的指定键值对

  console.log(localStorage.getItem('a'))
  console.log(localStorage.getItem('b'))
  

• 移除某一条键值对象

  localStorage.removeItem('a');
  

• 清空当前域名下的所有键值对象

  localStorage.clear()
  

两种存储方式的区别

1 大小的限制

2 操作方法灵活

3 请求不会携带

4 只能前端操作，后端不能操作