Vitaminaq / interview-collection

前端面试合集
3 stars 0 forks source link

浏览器常见的存储方式 #14

Open Vitaminaq opened 2 years ago

Vitaminaq commented 2 years ago

localStorage

h5新增存储技术,存储大小5M左右。  
浏览器本地行为,不会携带至服务端。  
浏览器对h5的支持程度。  
永久存储,没有过期问题。  

SessionStorage

同上,不同于localStorage,非永久存储,一次会话就过期(关闭浏览器就消失了)。

cookie

存储大小4kb左右。
用来解决http协议的无状态问题。
与服务端响应头set-cookie有关,通常由服务端自设自取。比较关键的属性有:
httpOnly:只支持http请求访问,document.cookie获取不到。
secure:仅与https一起使用。

set-cookie参考链接

indexDB

H5中新增的存储技术,存储大小是150M左右,但是操作形式并不是key-value,类似非关系型数据库。

WebSQL

关系型数据库,使用的语法是SQL语法,已被淘汰,被indexedDB替代,已经不更新了。