JS本地缓存
/*
本地缓存
==>把一些数据记录在浏览器中
==>多种本地缓存之一
1、localStorage
==>语法
=>localStorage.setItem('名字','值')
=>存储一条数据
=>当重复设置一个名字的时候，就是修改
=>localStorage.getItem('名字')
=>获取一条数据
=>如果获取一个没有的名字，那么是null
=>localStorage.removeItem('名字')
=>删除一条数据
=>localStorage.cleae()
=>清除所有数据
2、sessionStorage
==>语法
=>sessionStorage.setItem('名字','值')
=>存储一条数据
=>当重复设置一个名字的时候，就是修改
=>sessionStorage.getItem('名字')
=>获取一条数据
=>如果获取一个没有的名字，那么是null
=>sessionStorage.removeItem('名字')
=>删除一条数据
=>sessionStorage.cleae()
=>清除所有数据
作用：
==>浏览器提供的一些本次存储数据的机制
区别：
==>localStorage 永久缓存，除非手动删除
==>sessionStorage 会话缓存，关闭浏览器就没有了
共同点：
==>只能存储字符串格式的数据
==>想存储对象数据结构，转换成json格式存储
查看：
==>控制台->application->localStorage
*/
//1、localStorage
//1-1 setItem()
//存储一条数据
localStorage.setItem("name", "zhangsan");
//存储一个对象
var obj = { name: "jack", age: 18 };
localStorage.setItem("obj", JSON.stringify(obj));
//1-2 getItem()
//获取localStorage里面存储的数据
var res = localStorage.getItem("name");
var res1 = localStorage.getItem("obj");
var res2 = localStorage.getItem("ojb"); //原因：单词打错
//把json格式转换成对象结构
console.log(JSON.parse(res1));
//{name: 'jack', age: 18}
console.log(JSON.parse(res2));
//null
//1-3 removeItem()
//删除一条数据
//删除name数据
localStorage.removeItem("name");
//1-4 clear()
//清空所有数据
localStorage.clear();
/*
//2、sessionStorage
//2-1 setItem()
//存储一条数据
sessionStorage.setItem("name", "zhangsan");
//存储一个对象
var obj = { name: "jack", age: 18 };
sessionStorage.setItem("obj", JSON.stringify(obj));
//2-2 getItem()
//获取sessionStorage里面存储的数据
var res = sessionStorage.getItem("name");
var res1 = sessionStorage.getItem("obj");
var res2 = sessionStorage.getItem("ojb"); //原因：单词打错
//把json格式转换成对象结构
console.log(JSON.parse(res1));
//{name: 'jack', age: 18}
console.log(JSON.parse(res2));
//null
//2-3 removeItem()
//删除一条数据
//删除name数据
sessionStorage.removeItem("name");
//2-4 clear()
//清空所有数据
sessionStorage.clear(); */