Yasin

Yasin

浏览器内置对象

存储类

对象 用途
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(...)