1、cookie
cookie存储在浏览器中,每次浏览器向服务器发送请求都需要携带cookie,一般情况下,cookie是产生于服务器端,保存于客户端,但是我们也可以通过js来产生cookie;通常通过js-cookie这个库来操作cookie
1.Cookie //创建一个cookie,7天后过期
Cookies.set("name","this is a test cookie",{ expires: 7 })
//获取cookie
console.log(Cookie.get('name'));
//移除cookie
Cookies.remove('name')
只针对于服务器,同一个服务器可以共享cookie。存储少量数据,面向服务器的 4kb
2、WebStorage
sessionStorage 会话存储 选项卡
localStorage 本地存储 存到本地磁盘中,即使浏览器关闭数据依然在。
//1. sessionStorage 会话存储特点
页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。
打开多个相同的URL的Tabs页面,会创建各自的sessionStorage。
关闭对应浏览器tab,会清除对应的sessionStorage。
sessionStorage 实例方法
// 设置内容
sessionStorage.setItem('name','terry');
// 获取内容
console.log(sessionStorage.getItem('name'));
// 清空内容的属性值
// sessionStorage.clear();
// 清空内容
sessionStorage.removeItem('name')
//2. localStorage 本地存储 存到本地磁盘中,即使浏览器关闭数据依然在。
// 设置内容
localStorage.setItem('name','larry');
// 获取内容
console.log(localStorage.getItem('name'));
// 清空内容
localStorage.clear()
// 清空内容
// localStorage.removeItem('name')
Web存储
Cookie 存储少量数据,面向服务器的,同一个服务器的cookie是共享的,最大4kb
WebStorage
sessionStorage 会话存储,选项卡 选项卡关闭,会话失效 --写项目推荐使用
localStorage 本地存储,存到本地磁盘中,即使浏览器关闭数据依然在。