cookie 总结

 

概述：cookie是为了解决http的无状态问题产生的，（cookie里面存储sessionID的方式来解决http的无状态问题），cookie是存放在浏览器上的。

网络协议及其构成

概述：

• 网络OSI构成由七层构成。（物理层、数据链路层、网络层、传输层、会话层、表示层、应用层）。

cookie

为了解决http的无状态问题 （使用cookie来保存对应的seesionID 位于浏览器上）

cookie的特性

cookie里面只能存储4kb的数据

cookie位于浏览器上

cookie会随请求发送 cookie 可以跨域

cookie可以设置过期时间（默认过期时间为Session （浏览器关闭就消失））

cookie 不安全（可以被篡改和伪造）

cookie 存储的数据类型只能字符串（不能存储复杂的字符串）

cookie的访问

document.cookie 进行访问

cookie的格式

key=value;expires=日期;path=地址;domain=域名;secure安全

localStorage （本地存储 （存储对应客户端需要重复渲染的数据））

里面包含三个方法

• setItem 设置元素

• getItem 通过key来获取对应的元素值

• removeItem 通过key来移除对应的元素

特性

• 持久化存储

• 不会随请求发送

• 存储在对应浏览器上（也可以篡改和伪造）

• 存储大小一般为5M

sessinStorage （本地存储 存储对应的服务端发过来的数据登录的用户信息）

里面包含三个方法

• setItem 设置元素

• getItem 通过key来获取对应的元素值

• removeItem 通过key来移除对应的元素

特性

• 过期时间跟session一致（浏览器关闭会自动清除）

• 存储在浏览器上（也不会随请求发送）

cookie和localStorage

• cookie只有4kb 而 localStorage有5MB

• cookie会随请求发送 localStorage不会

• cookie 能存储的数据格式有限 而 localStorage数据格式限制没有cookie严厉

• cookie的存储地址和localStorage的位置不一致

• cookie 可以跨域 localStorage 不能

• cookie 可以设置过期时间 localStorage不能

 

localStorage和sessionStorage区别

• localStorage的数据除非手动删除 不然不会消失 而sessionStorage存储的数据浏览器关闭就会自动清除

localStorage和sessionStorage以及cookie的共同的

• 都是存储在浏览器上

• 在浏览器上都可以进行相关的编辑（都不安全）

• 里面存储的数据都是字符串（如果不是字符串他会自动调用toString方法转为字符串）

JSON的序列化和反序列化

序列化 将一个对象转为对应的json格式的字符串

• JSON.stringify()

反序列化 将json格式的字符串转为对应的对象

• JSON.parse()

• window.eval() 不安全 自动解析对应的代码并且执行

cookie的特性

• 存储在浏览器上的

• cookie的存储大小一般是4kb左右

• cookie会随请求而发送

• cookie可以跨域

• cookie可以设置过期时间

• cookie可以被篡改也可以伪造（cookie不安全）

 

cookie

为了解决http的无状态问题 （使用cookie来保存对应的seesionID 位于浏览器上）

cookie的特性

cookie里面只能存储4kb的数据

cookie位于浏览器上

cookie会随请求发送 cookie 可以跨域

cookie可以设置过期时间（默认过期时间为Session （浏览器关闭就消失））

cookie 不安全（可以被篡改和伪造）

cookie 存储的数据类型只能字符串（不能存储复杂的字符串）

cookie的访问

document.cookie 进行访问

cookie的格式

key=value;expires=日期;path=地址;domain=域名;secure安全

localStorage （本地存储 （存储对应客户端需要重复渲染的数据））

里面包含三个方法

• setItem 设置元素

• getItem 通过key来获取对应的元素值

• removeItem 通过key来移除对应的元素

特性

• 持久化存储

• 不会随请求发送

• 存储在对应浏览器上（也可以篡改和伪造）

• 存储大小一般为5M

sessinStorage （本地存储 存储对应的服务端发过来的数据登录的用户信息）

里面包含三个方法

• setItem 设置元素

• getItem 通过key来获取对应的元素值

• removeItem 通过key来移除对应的元素

特性

• 过期时间跟session一致（浏览器关闭会自动清除）

• 存储在浏览器上（也不会随请求发送）

cookie和localStorage

• cookie只有4kb 而 localStorage有5MB

• cookie会随请求发送 localStorage不会

• cookie 能存储的数据格式有限 而 localStorage数据格式限制没有cookie严厉

• cookie的存储地址和localStorage的位置不一致

• cookie 可以跨域 localStorage 不能

• cookie 可以设置过期时间 localStorage不能

localStorage和sessionStorage区别

• localStorage的数据除非手动删除 不然不会消失 而sessionStorage存储的数据浏览器关闭就会自动清除

localStorage和sessionStorage以及cookie的共同的

• 都是存储在浏览器上

• 在浏览器上都可以进行相关的编辑（都不安全）

• 里面存储的数据都是字符串（如果不是字符串他会自动调用toString方法转为字符串）

JSON的序列化和反序列化

序列化 将一个对象转为对应的json格式的字符串

• JSON.stringify()

反序列化 将json格式的字符串转为对应的对象

• JSON.parse()

• window.eval() 不安全 自动解析对应的代码并且执行