javascript

requestAnimationFrame（rAF）不是必须，而是为匹配屏幕刷新节奏、避免丢帧、节省资源；它自动对齐刷新率、页面不可见时暂停、比定时器更精准节能，并保证回调在渲染前执行。 JavaScript动画用 requestAnimationFrame（简称 rAF）不是“必须”，而是为了**…

TypeScript 是 JavaScript 的增强版超集，添加可选静态类型以提前捕获运行时错误。它兼容所有 JS 代码，编译为标准 JS，支持类型推断与渐进式采用，提升可读性、重构安全性和团队协作效率。 TypeScript 不是 JavaScript 的替代品，而是它的增强版——一门添加了可选…

JavaScript变量声明推荐用const和let，避免var；const声明常量（引用不可变），let声明可变变量，均具块级作用域；var具函数作用域且存在变量提升，易引发问题。 JavaScript 定义变量主要用 let、const 和（不推荐的）var，作用域规则核心是：块级作用域（let…

IndexedDB是浏览器提供的支持索引、事务和异步操作的本地NoSQL数据库，适用于离线场景下持久化存储大量结构化数据，容量可达几百MB。 IndexedDB 是浏览器提供的本地数据库，适合在离线场景下持久化存储大量结构化数据。它比 localStorage 更强大：支持索引、事务、异步操作、二进…

JavaScript字符串操作方法均不修改原字符串，而是返回新值：包括查找（indexOf、includes）、截取（slice）、大小写转换（toLowerCase）、去空格（trim）、分割拼接（split/join）、替换（replace/replaceAll）等。 JavaScript 中操…

单页应用（SPA）路由核心是拦截跳转并动态更新界面，利用History API监听URL变化、路由表匹配路径与组件、支持导航守卫及异步加载，最小实现仅需几行代码。 单页应用（SPA）的路由核心是不刷新页面、只切换视图，JavaScript 通过监听 URL 变化并动态渲染内容来实现。关键不在“跳转”…

WebSocket是一种基于单个TCP连接的全双工通信协议，支持浏览器与服务器持续连接并互相主动发消息，适用于聊天、实时通知等场景；其通过HTTP Upgrade握手建立长连接，区别于HTTP的请求-响应模式；前端使用new WebSocket()创建连接，监听open、message、close、…

宏任务和微任务决定JavaScript事件循环执行顺序：同步代码执行完后先清空所有微任务，再执行下一个宏任务；宏任务包括script、setTimeout、用户事件等，微任务包括Promise.then、queueMicrotask等。 宏任务和微任务是 JavaScript 事件循环里两类不同优先…

JavaScript 错误可通过 try…catch 捕获运行时错误（如 JSON 解析失败、访问空对象属性等），但不能捕获语法错误或 Promise 异步错误（除非配合 async/await）；其结构含 try、catch 和可选 finally；常用于 JSON.parse、DOM…

Redux是JavaScript中成熟的状态管理库，核心遵循单一数据源、状态只读、纯函数更新三原则；现代开发推荐使用Redux Toolkit简化流程，适用于多组件共享状态、逻辑复杂或需调试回溯的场景。 状态管理，简单说就是统一管好应用里所有“会变的数据”——比如用户是否登录、购物车里有几件商品、列…