存储类
| 对象 |
用途 |
localStorage |
持久化键值存储,关闭浏览器不丢失 |
sessionStorage |
会话级键值存储,关闭标签页即清除 |
indexedDB |
浏览器内置数据库,支持结构化数据 |
CacheStorage / caches |
Service Worker 缓存 API |
document.cookie |
Cookie 读写 |
导航与位置类
| 对象 |
用途 |
window.location |
当前页面 URL,可跳转/刷新 |
window.history |
浏览历史,前进/后退 |
navigator |
浏览器信息、设备信息、地理位置等 |
定时器类
| 对象/函数 |
用途 |
setTimeout / clearTimeout |
延迟执行 |
setInterval / clearInterval |
定时重复执行 |
requestAnimationFrame |
下一帧执行,用于动画 |
queueMicrotask |
微任务队列 |
网络类
| 对象 |
用途 |
fetch |
HTTP 请求 |
WebSocket |
长连接双向通信 |
XMLHttpRequest |
老式 HTTP 请求 |
EventSource |
SSE 服务端推送 |
DOM 与渲染类
| 对象 |
用途 |
document |
DOM 树入口 |
window |
全局对象本身,所有全局变量的根 |
screen |
屏幕分辨率信息 |
IntersectionObserver |
元素是否进入视口 |
ResizeObserver |
元素尺寸变化监听 |
MutationObserver |
DOM 变化监听 |
其他常用
| 对象 |
用途 |
crypto |
加密/生成随机 UUID |
performance |
性能计时 |
console |
控制台输出 |
URL |
URL 解析构造 |
Blob / File |
二进制数据处理 |
Worker |
Web Worker 多线程 |
注意:这些对象只在浏览器环境存在。Next.js 有服务端渲染(SSR),在服务端执行时没有这些对象,直接使用会报错。你的 i18n.ts 里直接调用 localStorage.getItem 就会在 SSR 阶段崩溃,需要加环境判断:typeof window !== 'undefined' && localStorage.getItem(...)。