浏览器有哪些存储功能可用?区别是什么?

存储功能

localStorage

sessionStorage

Cookie

indexedDB

Web SQL

共同点

都保存在浏览器端, 都遵循 同源策略

不同点

webStorage:localStorage 与 sessionStorage 统称 webStorage,保存在浏览器,不参与服务器通信,大小为5M。

生命周期不同:localStorage 永久保存,sessionStorage 当前会话,都可手动清除。

Cookie:设置的过期时间前一直有效,大小4K,有个数限制,各浏览器不同,一般为20个,携带在HTTP头中,过多会有性能问题,可自己封装,也可用原生。

作用域不同:不同浏览器不共享 local 和 session,不同会话不共享session。

即使一无所有,也要未雨绸缪!