本地储存能够使用localSorage把数据存储的浏览器中
作用:可以将数据永久储存在本地(用户的电脑),除非主动删除,否则不会消失
特性:可以多窗口(页面)共享(同一浏览器可以共享),本质是对字符串的读取,如果存储太多内容,会导致页面卡顿
使用:以键值对的形式储存使用
localStorage.setItem('username','张三')
如果储存的是复杂类型(对象),需要将对象类型转成JSON
let obj ={
name:'zs',
age:17
}
localStorage.setItem('student',JSON.stringify(obj))
删除本地缓存
localStorage.removeItem('student')
一次性清除所有储存
localStorage.clear()
还有一个sessionStorage缓存,与localStorage不同的是:
生命周期是以浏览器页面的打开到关闭,页面一旦关闭sessionStorage数据便会清空,所以实际开发中没有localStorage常用