cookie

session storage

local storage

indexedDB

webSQL

技术方案浅析

Session Storage

语法和 local storage 一样很简单 getItem setItem removeItem clear
但因为和session挂钩，需要注意：

• session意味着会过期，但刷新页面会保留，ctrl shift T 恢复页面会恢复
• 关了页面，重新打开网址就没了为何？会话是实例，打开多个相同网址的标签不会共享
• 通过html和js创建的新标签，会复用上一级的内容，但不会同步

官方解释在此 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage

容易踩坑。

补充 onstorage 可以获得 storage的变化，收到事件

IndexedDB

IndexedDB API是强大的，但对于简单的情况可能看起来太复杂。如果你更喜欢一个简单的API，请尝试 localForage、dexie.js、PouchDB、idb、idb-keyval、JsStore 或者 lovefield 之类的库，这些库使 IndexedDB 对开发者来说更加友好。 — MDN

尝试了一番还是用封装工具吧。