本地存储与cookie的区别
本地存储与 cookie 的区别
cookie
Cookie 是⼩甜饼的意思。顾名思义,cookie 确实⾮常⼩,它的⼤⼩限制为 4KB 左
右。它的主要⽤途有保存登录信息,⽐如你登录某个⽹站市场可以看到“记住密码”, 这通常就是通过在 Cookie
中存⼊⼀段辨别⽤户⾝份的数据来实现的。
localStorage
localStorage 是 HTML5 标准中新加⼊的技术,它并不是什么划时代的新东西。早在 IE 6 时代,就有⼀个叫userData 的东西⽤于本地存储,⽽当时考虑到浏览器兼容性,更通⽤的⽅案是使⽤ Flash。⽽如今, localStorage被⼤多数浏览器所⽀持,如果你的⽹站需要⽀持 IE6+,那以 userData 作为你⽅案是种不错的选择。
sessionStorage
sessionstorage和localstoragesessionStorage 与 localStorage 的接⼝类似,但保存数据的⽣命周期与 localStorage
不同。做过后端开发的同学应该知道 Session 这个词的意思,直译过来 是“会话”。⽽ sessionStorage是⼀个前端的概念,它只是可以将⼀部分数据在当前 会话中保存下来,刷新页⾯数据依旧存在。但当页⾯关闭后,sessionStorage 中的数据就会被清空。
三者的特点
1. cookie:兼容性很好,可以灵活的设置数据的⽣命周期,缺点是操作不⽅便,需要⼤ 量的字符串处理
2. localStorage:IE67 不认识,永久性存储,只要⽤户不删除或调⽤ clear ⽅法就永远 不会删,操作很⽅便
3. sessionStorage:兼容性与 localStorage ⼀样,但是存储时间是会话(在当前标签页
⽆论跳转到该⽹站的哪⼀个页⾯都能获取到,但关闭浏览器就会销毁,并且在其他 标签页⾯中是获取不到的)
三者的区别图⽰

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。