用js如何在用户本地缓存一些数据 如何实现

Question

cookie因为请求头会带过来 数据量大的话不适用 所以想问下有没有其他实现？

Answer 1

推荐使用localStorage、Web SQL、IndexedDB！

1. Web SQL和IndexedDB兼容性略差，不过Web SQL基本上能够完成移动端上的需求（从 caniuse 上看）。

2. localStorage可以通过腻子脚本兼容到ie6以上。

一些能够帮助到你的资料：

• LocalDB

• 全浏览器兼容localStorage组件

• Window.localStorage

• Can I use Web SQL Database

• Can I use IndexedDB

Answer 2

不知道你的具体需求是什么，根据不同的场景有几种办法：

1. JavaScript 变量
   如果你的App是单页面应用，可以采用这个办法临时存储一些数据。

2. HTML5 Web Storage (推荐)
   如果是新式浏览器，可以用 localStorage 或者 sessionStorage.

3. Web SQL
   如果你的目标浏览器是 Android 或者 iOS 自带的浏览器，可以使用 web sql，不过这个标准已经废弃，不建议再用了。

4. IndexedDB
   这是最新的技术，支持结构化事务的查询，性能好，提供了同步和异步API。但目前只在最新的浏览器中得到支持。

Answer 3

使用 LocalStorage

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage