sessionStorage、 localStorage 、 cookie的区别
sessionStorage、 localStorage 、 cookie 都是在浏览器端存储的数据
1.sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的,可以方便的在 web 请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。
2.其中 sessionStorage 引入了一个“浏览器窗口”的概念。sessionStorage 是在同源的同窗口(或tab )中,始终存在的数据。也就是说只要这个浏览器窗口没有关闭,即使刷新页面或进入同源另一页面,数据仍然存在。关闭窗口后,sessionStorage 即被销毁。同时“独立”打开的不同窗口,即使是同一页面, sessionStorage 对象也是不同的
3.cookies会发送到服务器端。其余两个不会。
区别:
1.Cookie
-
每个域名存储量比较小(各浏览器不同,大致 4K )
-
所有域名的存储量有限制(各浏览器不同,大致 4K )
-
有个数限制(各浏览器不同)
-
会随请求发送到服务器
2 . LocalStorage
-
永久存储
-
单个域名存储量比较大(推荐 5MB ,各浏览器不同)
-
总体数量无限制
3.SessionStorage
-
只在 Session 内有效
-
存储量更大(推荐没有限制,但是实际上各浏览器也不同)