localStorage、sessionStorage、cookies

1. localStorage

localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。

//设置localStorage保存到本地，第一个为变量名，第二个是值
localStorage.setItem('Author', 'Jane')
// 获取数据
localStorage.getItem('Author')
// 删除保存的数据
localStorage.removeItem('Author')
// 清除所有保存的数据
localStorage.clear()

2. sessionStorage

sessionStorage的生命周期是在浏览器窗口有效，关闭了浏览器窗口后就会被销毁。即使刷新页面或者进入同源另一个页面，数据依然存在。

// 设置sessionStorage保存到本地，第一个为变量名，第二个是值
sessionStorage.setItem('sessionName', 'John')
// 获取数据
sessionStorage.getItem('sessionName')
// 删除保存的数据
sessionStorage.removeItem('sessionName')
// 清除所有保存的数据
sessionStorage.clear()

3. cookies

如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。

后端使用较多，前端很少使用，不做具体分析。