localStorage的增删改查

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()