localStorage || cookie ||sessionStorag 的区别, localStorage 有哪些 api?
相同点: 都保存在浏览器端, 都是同源的 (所谓的同源就是指: 域名, 协议, 端口都相同).
区别:(1) 向服务器请求方式不同: localStorage 不会主动把数据 发送给服务器, 当设置了 cookie 以后, 只要在同源中发生了 http 请求, cookie 数据就会一同携带发送给服务器, 浪费
带宽
(2) 存储数据大小不一样: cookie 的数据大小不能超过 4k, 而 localstorage 则可以达到 5m
(3) 有效期不一样: sessionStorage 仅仅当前窗口关闭之前有效, 无法长久存储. localStorage 永久存储, 而 cookie 只在设定的时间内有效.
(4)sessionStorage 不在不同的浏览器窗口中共享数据, 即使是同一个页面. cookie 和 localStorage 则可以在所有同源的
窗口中共享数据
- localStorage.removeItem(key),// 清除某条记录
- localStorage.key // 取得 key 所对应的值
- localStorage.clear // 清除所有记录
来源: http://www.qdfuns.com/article/46108/7c6410c2bd8872f039486b7ee9fe9b5e.html