JavaScript中的缓存H5缓存

1.创建缓存

会话缓存：在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁

sessionStorage.setItem('user', '15200')

本地缓存：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除

localStorage.setItem('user', '15200')

2.获取缓存

2.1 getItem（）

console.log(localStorage.getItem('user'));
console.log(sessionStorage.getItem('user'));

2.2 key（）

通过键值获取（会话缓存的第0位是 IsThisFirstTime_Log_From_LiveServer ）

sessionStorage.setItem('user1', '1')
    sessionStorage.setItem('user2', '2')
    sessionStorage.setItem('user3', '3')
console.log(sessionStorage.key(0));
    console.log(sessionStorage.key(1));
    console.log(sessionStorage.key(2));
    console.log(sessionStorage.key(3));
    console.log(sessionStorage.key(4));

3.删除缓存

3.1移除缓存

localStorage.removeItem('user')
console.log(localStorage.getItem('user'));

3.2清除所有缓存

sessionStorage.clear()
console.log(sessionStorage.getItem('user'));
console.log(sessionStorage.getItem('user1'));
console.log(sessionStorage.getItem('user2'));
console.log(sessionStorage.getItem('user3'));