第 4 题：cookies、sessionStorage、localStorage 的区别是什么？

存储大小

• cookie：数据大小不能超过 4k

• localStorage、sessionStorage：数据大小支持 5M 左右，不同浏览器存储大小不同

生命周期（有效时间）

• cookie：需要设置有效期，过期后 cookie 就会销毁

• localStorage：除非被手动清理，否则永久存在

• sessionStorage：页面关闭（包括标签选项卡）后就会被销毁

存储形式

• 三者都是存储字符串类型，复杂对象可以采用 json 的 stringify 和 parse 方法来做处理

安全性

• cookie：请求时一般会携带在 header 中

• localStorage、sessionStorage：请求时不会携带

附加

• 【持续维护/更新 500+前端面试题/笔记】https://github.com/noxussj/Interview-Questions/issues

• 【大数据可视化图表插件】https://www.npmjs.com/package/noxussj-echarts

• 【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/