Cookie, Session Storage, LocalStorage, IndexedDB, Web SQL

1. Cookie, Session Storage, Local Storage三者之间的区别

 

注：

• Cookie 会随着request一起发送给服务端；
• 相同域名下的应用可以访问同一份localstorage， 而对于session storage 而言，不仅需要相同的域名，同时还需要是同一个窗口（tab）。
• Localstorage存储少量的数据，效率还是可以的，但当数据量较大时，效率会明显下降，而且不同浏览器的效率还是不一样的；
• Local Storage是同步的；

随着浏览器功能的不断增强，用户需求的不断增大，开发者将部分数据存储在浏览器的需求越来越大。为解决这个需求，下面的两个产物  IndexedDB, Web SQL应运而生。

2. Indexed DB (HTML 5)

 特点：

1. it stores key-pair values 2. it is not a relational database 3. IndexedDB API is mostly asynchronous 4. it is not a structured query language 5. it has supported to access the data from same domain

注： 非关系数据库，异步的transaction, 有同源限制，也就是说只能在相同的域名下访问同一个indexed db 数据库。

下面的这篇文章简述了Indexed DB的用法：

http://www.ruanyifeng.com/blog/2018/07/indexeddb.html

3. Web SQL (HTML 5)

前端类似于关系型的数据库，w3c 可能要放弃，再此就不多介绍。大家可以查阅其他的资料。