localStorage and sessionStorage base concept

localStorage.setItem('des', '除非你卸载浏览器或清除缓存或手动清除否则我永远都在');

console.log(localStorage.getItem('des'));

// 持久化存储的个数(可做遍历)
console.log(localStorage.length);

for (let i = 0; i < localStorage.length; i++) {
  // key方法可以通过存储顺序(索引)取出值
  console.log(localStorage.getItem(localStorage.key(i)));
};

// 删除持久化存储的指定字段
localStorage.removeItem('des');

// 清空所有持久化存储的字段
localStorage.clear();

// 注意：localStorage有的方法sessionStorage也都有(api一致)

// localStorage和sessionStorage的区别
// localStorage是持久化存储的(除非你卸载浏览器或清除缓存或手动清除否则永远都在)
// sessionStorage是会话存储(当页签关闭时则会自动清除)
// 网页中使用了路由跳转localStorage打开新的标签页但还是同一个域名存储的东西就还是可以用的
// 但sessionStorage跳转时打开了新的标签页则不可使用(因为还是那句话理解会话存储)[打开新的标签页等于创建了新的会话]