在日常开发过程中,时常遇到需要前端对一下数据信息在本地进行存储,以下介绍几种较为常见的几种方式:
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", "张三");