本地存储sessionStorage 会话存储和 localStorage 永久存储

在h5中，本地存储有两个，一个永久存储locallstorage和会话存储sesstionStorage

他们可以把一些数据存贮在浏览器端

他们的应用场景大概是有，记住用户信息，记住阅读历史等等

1.1sessionStorage 会话存储

可以在浏览器内容中存一些数据 => 字符串数据而已 不是说存视频

使用h5可以在本地存储用户的浏览器数据。

cookie 也可以存储字符串

cookie 4k

本地存储5M或者到 20M

现在可以使用本地存储 去存一些数据比如 用户的浏览器记录 用户信息等等…

两个类型

会话存储sesstionStroage

打开浏览器 -> 关闭它 这个过程就叫做会话

sesstionStroage 和以前服务器等 sesstion 没有翔升 限制 只能在同源网站中使用 百度=>数据 在谷歌 不 可以获取

可以跨页面使用 baidu a.html b.html 可以获取到a中的值

url传值 get类型 用户可以看见 会话存储用户看不见

API

存值

用途: 将value存储到key字段

setItem("key",val)

取值

用途: 获取指定key本地存储的值

   getItem("key")

删除一个值

用途: 删除key本地存储的值

 removeItem("key")

清除

用途: 清除所有的key和value

sesstionStorage.clear()

//存值
//用途 将value存储到key字段
sessionStorage.setItem("key1","今天中午吃馒头!");
sessionStorage.setItem("key2","今天中午吃面条!");

//删除
//用途: 删除key本地存储的值
sesstionStorage.removeItem(key);

//清除所有 
//用途: 删除key本地存储的值
sessionStorage.clear();

//取值
//用途: 获取指定key本地存储的值
var val1 = sessionStorage.getItem("key1");
var val2 = sessionStorage.getItem("key2");
console.log(val1,val2);

2.1 localStorage 永久存储

浏览器关闭之后 还有 除非 手动删除 否则 一直存在浏览器里面

也是可以跨页面使用 同源的网站

容量 也是 5M 到20M 具体 看浏览器版本

cookie session 都会

本地存储 跟服务器 没有太在的关系

发送http请求的时候 会自动跟上请求 吗?

API 和会话存储一样

getItem(“key”)

setItem(“key”,“val”)

remove(“key”,“val”)

clear();

本地存储
	存的类型
	  1 简单类型
		数字 字符串 bool
		存进去的时候 都会变成字符串类型
		1+1 = 2
		"1"+"1"="11"
      2 复杂类型 对象 和数组 数据丢失了
		存 将对象转成字符串 JSON.stringify(obj)=>json字符串
		获取值的时候 拿到的是一个字符串 => JSON.parse();