白狗子的博客

「天上浮云如白衣,斯须改变如苍狗。」——杜甫

HTML-面试-本地存储与Cookie

2026年10月16日·Admin·2 次浏览

面试题:Cookie、sessionStorage、localStorage 区别?

Cookie

  • 随 HTTP 请求携带(同域策略下),体积小(约 4KB 量级)。
  • 可设 Expires/Max-Age、HttpOnly、Secure、SameSite(防 CSRF)。
  • 适合服务端会话标识;不宜存大量前端数据。

localStorage

  • 持久化到浏览器,不自动随请求发送。
  • 同源隔离,字符串键值;容量约 5MB 量级(因浏览器而异)。

sessionStorage

  • 标签页/会话级,关闭页签即清(同源内独立)。
  • 同样不自动带上 HTTP。

使用注意

  • 敏感信息勿明文落 localStorage(XSS 可读)。
  • Cookie 过大影响每个请求体积。

© 2025 My Blog. Built with Nuxt.js v4