前端用Cookie实现“记住密码”本质是存凭证而非明文密码，应仅存储短期token并设HttpOnly/Secure/SameSite；读写需手动解析document.cookie字符串；现代方案推荐浏览器密码管理器或加密存用户名。
前端用 Cookie 实现“记住密码”功能，本质是把用户输入的账号密码（或加密后的凭证）存到浏览器 Cookie 中，下次访问时自动读取并填充表单。但要注意：直接存明文密码极不安全，实际项目中不应在 Cookie 中存储原始密码，应只存临时、有限权限的凭证（如登录态 token），且需配合后端验证。
Cookie 基础操作：设置与读取
JavaScript 提供 document.cookie 接口操作 Cookie，但它不是对象，而是字符串拼接形式，需手动解析。
- 设置 Cookie（带有效期和作用域）：
document.cookie = "username=john; expires=Thu, 01 Jan 2026 00:00:00 GMT; path=/; secure; samesite=Strict"; - 读取 Cookie：需自己解析字符串，例如用
split('; ').find(...)或正则提取指定键值；也可封装一个getCookie(name)工具函数 - 删除 Cookie：将
expires设为过去时间，例如expires=Thu, 01 Jan 1970 00:00:00 GMT
安全前提：绝不存明文密码
用户密码属于敏感信息，前端无法保证加密强度，且 Cookie 可被 JS 读取（若未设 HttpOnly），一旦 XSS 攻击就可能泄露。正确做法是：
- 登录成功后，后端下发一个短期有效的登录凭证（如 JWT 或 session ID），存入 Cookie（建议设
HttpOnly + Secure + SameSite=Strict） - “记住我”逻辑由后端控制：勾选后，后端延长该凭证有效期（如 30 天），前端只需记录用户意愿（如存一个本地标志）
- 若必须前端存账号（非密码），可用加密方式（如用用户设备指纹简单混淆），但密码字段永远为空或仅占位显示
简易实现示例（仅演示流程，非生产推荐）
以下代码仅用于理解机制，请勿直接用于真实系统：
立即学习“Java免费学习笔记（深入）”；
- 登录页勾选“记住我”后，将加密后的用户名（如 Base64 或简单异或）写入 Cookie，密码字段留空
- 页面加载时检查 Cookie，若有有效用户名，则自动填入账号框，并触发一次免密登录（即用该账号+空密码向后端请求刷新 token）
- 后端收到“记住我”请求，验证用户身份后，签发长期有效的 token 并 Set-Cookie 返回
现代替代方案更推荐
相比 Cookie，“记住密码”更合理的实现方式是：
- 使用浏览器原生密码管理器（
<input type="password">自动触发保存） - 前端用
localStorage存加密后的用户名（配合 Web Crypto API），密码始终不落地 - 结合 OAuth 或第三方登录，减少密码管理负担
- 关键操作（如修改密码、支付）仍需二次验证，不能仅靠“记住”状态
