以下为自学笔记内容, 仅供参考.
转发请保留原文链接: https://www.cnblogs.com/it-dennis/p/10503539.html
什么是 web 存储
cookie 最大的缺陷是在每一次 HTTP 请求中都会携带所有符合规则的 cookie 数据. 这会增加请求响应时间, 特别是 XHR 请求. 在 HTML5 中使用 sessionStorage 和 localStorage 代替 cookie 是更好的做法. 这两种都属于 Web storage, 相较于 cookie 更加安全和快速. 数据不会保存在服务器上, 可以存储大量的数据而不影响服务器的性能.
Web 存储的两种方式
local storage
localStorage 对象存储的数据没有时间限制. 第二天, 第二周或下一年之后, 数据依然可用.
session storage
针对一个 session 的数据存储. 当用户关闭浏览器窗口后, 数据会被删除.
API
不管是 localStorage, 还是 sessionStorage, 可使用的 API 都相同, 常用的有如下几个 (以 localStorage 为例):
保存数据: localStorage.setItem(key,value);
读取数据: localStorage.getItem(key);
删除单个数据: localStorage.removeItem(key);
删除所有数据: localStorage.clear();
得到某个索引的 key:localStorage.key(index);
参考资料
- https://www.w3cschool.cn/tanzt0/af72kozt.html
- ---
希望可以帮助到你, 如有问题可以留言或者点击下方图片联系我!
来源: http://www.bubuko.com/infodetail-2982150.html