cookie localStorage sessionStorage的区别
特性 | cookie | localStorage | sessionStorage |
大小 | 4KB | 5MB (每个host) | |
生存时间 | 一般由服务器生成,设置失效时间。如果在浏览器端生成,默认是关闭浏览器后失效。 | 除非被删除,否则永久保存 | 仅在当前会话下有效,关闭页面就会被清除 |
通信 | 每次通信都会携带在HTTP请求头中,一定程度上会影响通信的性能。 | 保存在浏览器中,不参与网络通信 | |
易用性 | 原生的cookie接口不友好 | 原生接口比较友好 | |
用法 |
前端修改方式: document.cookie = "a=100" document.cookie = "b=200" document.cookie // "a=100; b=200" |
方法: key(i) .length getItem() setItem() removeItem() clear() 例: localStorage.getItem("key")、localStorage.setItem("key", "val")、 localStorage.removeItem("key")、localStorage.clear() |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步