cookie localStorage sessionStorage

种植 cookie

cookie :
  是前端用来保存某些数据用的; ——————>前后端都可以操作
  大小只有5k左右
  设置cookie 只能自己编写方法
  cookie 有过期时间
  cookie 会随着请求发给后台
  一般用来存储用户名

localStorage： getItem(属性名) setItem(属性名,属性值) removeItem(属性名) clear() 全部清除 只能由前端设置 大小在5M左右 有现成的方法 后端无法操作 sessionStorage 与localStorage唯一区别是 sessionStorage页面关闭会自动清除

cookie 的一些编写方法

  function getCookie(key){
      let str=document.cookie;
      str+='; ';//补空让最后一个满足下面的正则
      let reg=new RegExp(`(^| )${key}=([^; ]+; )`);
      return str.math(reg)?str.match(reg)[2]:null;
  }
  function setCookie(key, value,date){
      date?document.cookie=`${key}=${value};Expires=${new Date(date)}`:
      document.cookie=`${key}=${value}`;
  }
  function removeCookie(key domain){
      domain?document.cookie=`${key}=null;  domain=${domain};
      Expires=${new Date(-1)}`:document.cookie=`${key}=null;Expires=${new Date(-1)}`;
  }