⬅️ 返回地图
第 27 话

私人保险箱:Web Storage

别再把所有东西都塞给 Cookies 了!你的浏览器里藏着一个巨大的储物柜。

1. 本地存储 vs Cookie
🍪
Cookie 小饼干: "我只能存 4KB,而且每次你请求服务器,我都得跟着跑一趟,累死我了!"
📦
Web Storage 大箱子: "我能存 5MB 甚至更多!而且我只待在浏览器里,绝不跟服务器瞎跑。我才是大容量存储的未来!"

Web Storage 分为两兄弟:

2. 使用咒语

操作它们非常简单,就像存钱取钱一样。

// 1. 存东西 (key, value) localStorage.setItem("username", "Pi72"); // 2. 取东西 var name = localStorage.getItem("username"); // 3. 删东西 localStorage.removeItem("username"); // 4. 清空所有 localStorage.clear();
3. 计数器实验

点击按钮,我会把点击次数存到你的浏览器里。就算你刷新页面,数字也不会丢!(除非你关掉浏览器再开,如果你用的是 sessionStorage 的话)

🧮 疯狂点击器

0

数据已保存到 localStorage