Cookies

Cookie

HTTPCookie ，客户端与服务端进行会话(session)使用的一个能够在浏览器本地化存储的技术

cookie是存在浏览器段的，

为了存储sessionID而诞生；解决http无状态问题；会随着请求自动携带cookie的值到服务器

作用

在存储器存储少量数据，利用cookie可以实现一些保存数据的功能

特性

不安全，可以被篡改和伪造，以字符串存储，随请求分发，4kb，存储在浏览器上

Cookie的设置

以键值对形式的文本组成：name = value

expires：过期时间 (关闭浏览器失效)

path：访问路径（指定对应的路径 携带cookie）

domain：跨域（可以跨域的域名）

secure：安全

添加

document.cookie = "user=阿里";//设置名字与值
console.log(document.cookie);

console.log(document.cookie.split(";")[0].split("=")[1]);//获取等号后面的值

删除

删除，只要设置过期时间为当前或过去即可

document.cookie = "user=qiqi;expires="+new Date();//但是由于，这里的时间是国际时间，会与本地时间有时差，需要改成utc时间

修改

二次赋值即可修改

document.cookie = "user=qiqi";//显示已经是qiqi

JSON

结构化的数据表示方式；广泛应用于数据传输（跨平台，不区分语言）

写法

对象 {}.key 对象的写法: 使用双引号 {“name”:“Zhang”, “age”:100}

数组 [] 使用下标

var jsonObj = '{}';
var jsonArr = '[]';

(注意单双引号, 将单引号写在外面, 里面用双引号)

序列化

将json对象变成json格式的字符串的过程

JSON.stringify(对象)

var user = {
    username:"kiki",
    password:"yu12"
}
JSON.stringify(user);//{username:"kiki",password:"yu12"}

解析(反序列化)

将json格式的字符串变成json对象的过程

window.eval() 不安全，

JSON.parse()

var jsonStr = '{"username":"kiki"}';
console.log(JSON.parse(jsonStr).username);//kiki

localStorage与cookie

localStorage的方法

getItem(key) 获取元素

setItem(key,value) 设置元素

removeItem(key) 移除元素

sessionStorage 本地存储 浏览器关闭直接删除

cookie和localStorage的区别

localStorage（5MB）容量大于cookie（4KB）

localStorage存储的位置和cookie不一样

localStorage对应的不会随请求发送（本地缓存）而cookie会

localStorage可以存储对应的图片、视频，cookie只能存储字符串

localStorage不能过期，cookie可以过期

共同点

cookie和localstorage都是存储在浏览器上

存储的内容的形式都是以字符串形式

cookie 在后续的框架中也会使用 但是他使用的是对应的库（cookie.js）