localStorage.clear()和sessionStorage.clear()可清当前域名或标签页所有数据，但需谨慎；推荐removeItem()按需删除，并注意storage事件触发差异。

怎么用 JavaScript 清掉 localStorage 和 sessionStorage

直接删，但得看你想清什么：全清还是只清某几项。localStorage.clear() 会把当前域名下所有键值对干掉，sessionStorage.clear() 同理，但只影响当前标签页。别手滑在生产环境调用——没确认弹窗，点了就没了。

更安全的做法是按需删除：

• localStorage.removeItem('token') —— 删指定 key
• localStorage.key(0) 可以拿到第一个 key 名，配合循环能实现白名单清理（比如只留 userSettings，其余全删）
• 注意：clear() 不触发 storage 事件，但 removeItem() 和 setItem() 会，监听方可能依赖这个同步状态

Service Worker 缓存怎么手动踢掉

Service Worker 的缓存藏在 caches API 里，和 localStorage 是两套机制，不调它，清了本地存储也没用。

打开 DevTools → Application → Cache Storage，能看到所有 cache 名称。想代码里清：

• caches.keys().then(keys => Promise.all(keys.map(key => caches.delete(key)))) —— 清全部 cache
• 更稳妥的是按 name 精准删：caches.delete('my-app-v2')
• 删完记得 self.skipWaiting() + clients.claim()，否则旧 SW 还在控制页面，新缓存不会立刻生效
• 注意兼容性：caches 在 Safari 11.1+、Chrome 40+ 支持，IE 全挂

强制绕过浏览器 HTTP 缓存（F5 不管用时）

F5 是“重新验证”（send If-None-Match），Ctrl+F5 或 Cmd+Shift+R 才是“无条件重载”，跳过 disk/memory cache 直接发请求。但这是手动操作，没法写进代码里。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

真要让资源不缓存，得从源头控制：

• 静态资源加版本号或哈希后缀：app.a1b2c3.js，URL 变了，浏览器自然当新资源拉
• 开发时在响应头加 Cache-Control: no-cache, must-revalidate，但别在生产环境长期这么干，伤性能
• 对 HTTP 缓存无效，只影响某些老旧代理，别信
• fetch 请求加 cache: 'reload' 或 cache: 'no-store'，但仅限 JS 发起的请求，不影响页面 HTML/CSS/JS 的初始加载

DevTools 里点 “Clear site data” 会清哪些东西

Chrome/Firefox 的这个按钮最狠：勾选全的话，localStorage、sessionStorage、Cache Storage、IndexedDB、Cookies、甚至插件数据（如 Chrome 扩展的 chrome.storage.local）全清。但它不会清 HTTP 缓存（disk cache），那块得单独点 “Cached images and files”。

容易被忽略的点：

• HTTPS 页面的 localStorage 和 HTTP 页面的完全隔离，清了 http://a.com 不影响 https://a.com
• 子域名独立： admin.example.com 和 api.example.com 的 localStorage 互不干扰
• 清完 Service Worker 后，如果页面已注册过 SW，得手动 unregister：navigator.serviceWorker.getRegistration().then(r => r && r.unregister())

缓存不是单一层级，清哪一层、为什么清、清完有没有副作用——这些比“怎么点按钮”重要得多。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！