为什么

JavaScript性能分析的核心是测量而非猜测，需用Chrome DevTools的Performance、Memory、Coverage面板定位Long Task、Detached DOM、未执行代码等问题，并针对性优化DOM操作、事件处理、长任务和内存泄漏。 JavaScript性能分析，就是…

Reflect 是 JavaScript 提供的内置对象，将对象操作统一为方法调用，与 Proxy 配合实现安全、可维护的元编程；它不拦截行为，仅提供健壮的默认操作接口。 Reflect 是 JavaScript 中一个内置的对象，它提供了一组静态方法，用来操作对象的底层行为，比如获取属性、设置属性…

事件循环是JavaScript异步编程的核心机制，由宿主环境提供，协调同步代码、微任务（如Promise.then）和宏任务（如setTimeout）的执行顺序；其流程为：执行同步代码→清空微任务队列→执行一个宏任务→重复。 JavaScript中的事件循环（Event Loop）是它实现异步编程的…

虚拟列表是只渲染可视区域及缓冲区节点、用空白占位其余项的技术，用于解决大数据量列表的卡顿、高内存和滚动不流畅问题；通过计算滚动位置下的起始/结束索引截取数据，并用 translateY 偏移整体列表实现视觉对齐。 什么是虚拟列表，为什么需要它 当列表数据量很大（比如上万条），直接渲染所有 DOM 节…

JavaScript事件流分捕获、目标、冒泡三阶段；addEventListener第三参数决定监听阶段（true为捕获，false或省略为冒泡）；stopPropagation可阻止后续传播，事件委托依赖冒泡实现。 JavaScript事件处理的核心在于理解事件如何在DOM树中流动。事件冒泡和事件…

JavaScript异步编程本质是避免耗时操作阻塞主线程，通过回调函数实现非阻塞执行；因JS单线程特性，同步等待会导致页面卡死，异步借助事件循环将回调加入任务队列待调用栈空时执行。 JavaScript异步编程，本质是让耗时操作（比如网络请求、定时器、文件读取）不卡住主线程，其他代码能照常运行。回调…

虚拟 DOM 是用 JavaScript 对象模拟真实 DOM 的轻量级抽象，通过创建副本、差异对比（diff）和批量最小化更新三步，只同步实际变化部分，避免频繁重排重绘，提升中大型动态界面的更新效率与开发体验。 虚拟 DOM 是用 JavaScript 对象模拟真实 DOM 结构的一种轻量级抽象。…

JavaScript模块默认静态，import/export必须在顶层，依赖关系编译前确定；动态import()返回Promise，支持运行时按需加载，二者分工明确、互补共存。 JavaScript 模块默认是静态的，意思是 import/export 语句必须出现在顶层作用域，且模块依赖关系在代码…

纯函数是函数式编程的地基，要求相同输入必得相同输出且无副作用。它提升可测试性、可缓存性、并发安全性，并支持引用透明。 JavaScript 中的函数式编程，不是指用 JavaScript 写 Haskell，而是用一套可预测、易组合、少出错的思维方式来组织函数逻辑。其中最基础、最关键的概念就是纯函数…

JavaScript递归易栈溢出，因调用栈深度受限（约10000–15000层）；应优先用迭代替代，如循环+手动栈模拟；尾递归优化仅Safari默认支持，且须严格满足return fn(…)形式。 JavaScript递归函数容易引发栈溢出，根本原因是每次调用都会在调用栈中新增一帧，而浏…