浏览器缓存机制

本地储存

sessionStorage

特点

储存大小

• 5mb 1mb = 1024kb 1kb = 1024b 1b = 1个英文字母 2b = 一个汉字

储存位置

• sessionStorage 存储在浏览器中

生命周期

• 当关掉页面数据会自动清除

信息的共享

• 不同的页面无法共享信息

存储类型

• 只能存字符串

使用方式

• 储存:

sessionStorage.setItem('属性', '属性值')

• 获取:

sessionStorage.getItem('属性')

• 移除:

sessionStorage.removeItem('属性')

• 清除:

sessionStorage.clear()

localStorage

特点

储存大小

• 20m

储存位置

• 本质上是存储在内存c某个位置

信息的共享

• 不同页面之间可以共享信息

生命周期

• 永久储存, 除非自己删除

存储类型
只能存储字符串

使用方式

• 储存:

localStorage.setItem('属性', '属性值')

• 获取:

localStorage.getItem('属性')

• 移除:

localStorage.removeItem('属性')

• 清除:

localStorage.clear()