前端常用的存储方式

在日常开发过程中，时常遇到需要前端对一下数据信息在本地进行存储，以下介绍几种较为常见的几种方式：

1.cookie

 特点：可设置失效时间，存储体积大小约4KB;

2.localstorage和 session

  localstorage和 session相比较于cookie,存储的体积更大，可以存储5MB左右。

  localstorage和 session 不同在于localstorage： 永久保存在浏览器里面；session： 关闭网页就清除了信息；

localStorage存储

// 通过localStorage.setItem设置存储信息
localStorage.setItem("name", "localStorage存储")

// 通过localStorage.getItem获取存储信息
let name = localStorage.getItem("name")

session存储

sessionStorage.setItem("userName", "张三");