[软技能] 第53天 有用过本地存储吗？有什么限制？有没有考虑过超出了限制怎么办？

[haizhilin2013]

第53天 有用过本地存储吗？有什么限制？有没有考虑过超出了限制怎么办？

[seho-dev]

有大小限制，超过考虑其他方案；
H5读写IO本地，也是一种解决办法

[canwdev]

LocalStorage 的限制一般为 10MB

超出限制可以使用 File System API，MEGA 网盘就使用了 fileSystem API。 该特性是非标准的，尽量不要在生产环境中使用！

[yangyingwx]

特性	cookie	localStorage	sessionStorage	indexDB
数据生命周期	可以设置过期时间	除非被清理，否则一直存在	页面关闭就清理	除非被清理，否则一直存在
数据存储大小	4k	5M	5M	不限
与服务端通信	携带cookie	不参与	不参与	不参与

从上表可以看到，cookie 已经不建议用于存储。如果没有大量数据存储需求的话，可以使用 localStorage 和 sessionStorage 。对于不怎么改变的数据尽量使用 localStorage 存储，否则可以用 sessionStorage 存储。存储大量数据：IndexDB。

[maxthonl]

特性 cookie localStorage sessionStorage indexDB
数据生命周期 可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在
数据存储大小 4k 5M 5M 不限
与服务端通信 携带cookie 不参与 不参与 不参与
从上表可以看到，cookie 已经不建议用于存储。如果没有大量数据存储需求的话，可以使用 localStorage 和 sessionStorage 。对于不怎么改变的数据尽量使用 localStorage 存储，否则可以用 sessionStorage 存储。存储大量数据：IndexDB。

如果准确来讲，没有不限的， MDN上有关于配额管理的描述，可以参考

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria

[smile-2008]

特性 cookie localStorage sessionStorage indexDB
数据生命周期 可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在
数据存储大小 4k 5M 5M 不限
与服务端通信 携带cookie 不参与 不参与 不参与
从上表可以看到，cookie 已经不建议用于存储。如果没有大量数据存储需求的话，可以使用 localStorage 和 sessionStorage 。对于不怎么改变的数据尽量使用 localStorage 存储，否则可以用 sessionStorage 存储。存储大量数据：IndexDB。

LocalStorage 的限制一般为 10MB

超出限制可以使用 File System API，MEGA 网盘就使用了 fileSystem API。 该特性是非标准的，尽量不要在生产环境中使用！