document.cookie写入必须显式指定path=/才能跨路径访问，中文需encodeURIComponent编码，读取后须decodeURIComponent解码，删除需用相同path/domain设置过期时间，HttpOnly cookie无法通过JS读取。
document.cookie 赋值写入必须带 key=value 格式，且不能省略分号分隔
直接 document.cookie = "theme=dark" 看似能写入，但实际会隐式加上默认 path=/current/path，导致在其他路由下读不到。真正跨路径可用的写法必须显式声明 path：
-
document.cookie = "theme=dark; path=/";—— 全站可读 -
document.cookie = "token=abc123; path=/api/; domain=.example.com";—— 仅限 /api/ 下且子域共享 - 中文或特殊字符必须先
encodeURIComponent()编码，否则会被截断或解析失败 - 不要用
escape()，它已被废弃，encodeURIComponent()才是标准
读取 document.cookie 返回的是原始字符串，没有内置解析方法
document.cookie 永远返回类似 "a=1; b=2; c=%E4%BD%A0%E5%A5%BD" 的拼接字符串，不会自动 decode 或结构化。手动提取时容易出错：
- 用
.split("; ")（注意空格），不是.split(";")，否则首尾空格会导致pair[0].trim()失效 - 推荐单值提取写法：
document.cookie.split("; ").find(row => row.startsWith("theme="))?.split("=")[1] - 拿到值后必须
decodeURIComponent()，否则中文显示为%E4%BD%A0%E5%A5%BD - 同一 key 出现多次时，
find()只取第一个，而浏览器实际生效的是最后一个——写入顺序影响读取结果
删除 Cookie 不是清空字符串，而是覆盖为过期时间
document.cookie = "theme=" 完全无效；删除的本质是用完全相同的 path 和 domain 设置一个已过期的同名 cookie：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 正确删除：
document.cookie = "theme=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; - 如果原 cookie 是
path=/settings/，删除时漏掉path=/settings/，那 /settings/ 下的仍存在 -
domain必须严格一致：设的是domain=.example.com，删的时候写成domain=example.com就不匹配 - 无法删除
HttpOnlycookie——它根本不出现在document.cookie返回值里
Secure 和 SameSite 属性在本地开发环境会静默失效
Secure 并非“加了就安全”，它只在 HTTPS 协议下生效；SameSite=Lax 在 IE 中完全不支持：
立即学习“前端免费学习笔记（深入）”；
-
document.cookie = "session=abc; Secure"在http://localhost下不报错，但也不写入——查Application > Cookies面板为空 - 若用
http://127.0.0.1替代localhost，Secure依然无效，只有 HTTPS 才触发 -
SameSite=None必须搭配Secure，否则现代 Chrome 会拒绝设置 - 别依赖
SameSite来“解决所有安全问题”——它防 CSRF，但不替代服务端鉴权和 HttpOnly
localStorage + 自定义过期逻辑更可控。 
