1.localStorage是浏览器用来进行本地存储数据的,用于解决cookie存储能力不足的情况;
2.localStorage与cookie的区别:
cookie存储的数据大小被限制为4k,localStorage存储的数据可达到5M;
3.浏览器限制localStorage的值类型为string类型,如果存储的数据不是string类型,localStorage会自动对数据进行类型转换;
4.所以存储的Json对象数据时,需要使用JSON.stringify()方法将数据转换成Json字符串,读取时使用JSON.parse()将Json字符串还原回去;
增
//key,value
localStorage.setItem('username','zhangsan')
//Storage {username: "zhangsan", length: 1}
查
// 如果不存在这个key , 读取出来的是null
let username = localStorage.getItem('username')
console.log(username);//zhangsan
改
//修改localStorage的方法与新增的方法一样,为已经存在的key值继续添加value值,新添加的会覆盖之前的,从而达到修改的效果;
localStorage.setItem('username','lisi')
localStorage数据在浏览器的查看
删
//删除某一条数据的方法
localStorage.removeItem('username')
//全部删除的方法
localStorage.clear()