前端知识汇编（持续更新中）

1. 浅析cookie sessionStorage localStorage

cookie、Web Storage
同：

• 保存在浏览器端
• 都有同源限制（cookie：与特定域绑定，不被其他域访问；sessionStorage：与会话绑定；localStorage：来自相同域，子域不行）

异：

• 所有cookie都会作为请求头部由浏览器发送给服务器（在浏览器与服务器之间来回传递）；webStorage只存在浏览器本地；
• 存储空间大小不同，cookie一般只有4kb；webStorage的大小由浏览器限制，一般有5MB；
• 生命周期不同。cookie可设置过期时间；localStorage没有手动清除就会一直在；sessionStorage在会话结束时被清掉
• 应用场景不。Cookie一般用于存储登录验证信息SessionID或者token，LocalStorage常用于存储不易变动的数据，减轻服务器的压力，SessionStorage可以用来检测用户是否是刷新进入页面，如音乐播放器恢复播放进度条的功能。