Cookie, Session Storage, LocalStorage, IndexedDB, Web SQL

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

Cookie, Session Storage, LocalStorage, IndexedDB, Web SQL_第1张图片

 

注:

  • 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 可能要放弃,再此就不多介绍。大家可以查阅其他的资料。

转载于:https://www.cnblogs.com/juliazhang/p/11369023.html

你可能感兴趣的:(Cookie, Session Storage, LocalStorage, IndexedDB, Web SQL)