java

JavaScript解构赋值是从数组或对象中简洁提取数据的语法，支持重命名、默认值、嵌套及剩余元素等特性，提升代码可读性与健壮性。 JavaScript 解构赋值是一种简洁语法，让你能从数组或对象中“直接取出”所需数据，省去繁琐的点号访问或下标索引。它不改变原数据，只帮你更清晰、更少代码地拿到值。 …

Webpack 是“先打包再运行”，Vite 是“按需编译 + 原生 ESM 运行”；Webpack 启动需全量解析与打包，速度慢，Vite 借助浏览器原生 ESM 按需编译，启动近乎秒开。 Webpack 和 Vite 都是前端打包工具，但设计目标、核心机制和适用场景差异明显。简单说：Webpac…

高阶函数是接受函数为参数或返回函数为结果的函数；柯里化是其典型应用，将多参函数转为单参函数链，通过闭包递归实现参数分步传入与延迟求值。 高阶函数是指接受函数作为参数，或者返回函数作为结果的函数。它不是某种特殊语法，而是函数式编程中一个基础而强大的思想。柯里化（Currying）是高阶函数的一种典型应…

JavaScript代码分割通过拆分JS文件为小chunk实现按需加载，提升首屏速度；常用动态import()、React lazy/Suspense、构建工具自动分割及prefetch/preload优化。 JavaScript 代码分割（Code Splitting）是通过将打包后的 JS 文件…

Chrome DevTools Memory面板用于识别内存泄漏，通过Heap Snapshot对比、Allocation Timeline监控和手动GC验证三步定位问题，重点关注闭包、Detached DOM及未清理的事件监听器等泄漏源。 直接看内存使用情况，关键不是“占了多少”，而是“为什么占着…

JavaScript轻量图表库核心是数据映射+图形渲染：Canvas适合高频重绘（如实时折线图），需手动坐标转换和clearRect重绘；SVG适合交互丰富图表，基于DOM节点，支持事件、viewBox缩放和无障碍属性。 用 JavaScript 实现一个轻量图表库，核心在于抽象数据映射逻辑 + 图…

DOM是HTML的“JS版本”，即浏览器将HTML解析成可操作的树状对象结构，使JavaScript能控制内容、样式和事件。 DOM（Document Object Model）是浏览器把 HTML 文档解析成的一个树状对象结构，每个标签、文本、属性都变成可操作的 JS 对象。有了它，JavaScr…

JavaScript垃圾回收基于可达性判断对象是否可回收，通过标记清除算法周期性清理不可达对象；闭包、未解绑事件监听器等易引发内存泄漏，需及时断开引用或使用WeakMap等工具防范。 JavaScript 的垃圾回收（GC）是自动运行的，不需要手动干预，但它的工作方式和你写的代码密切相关。理解它怎么…

微任务队列在宏任务结束后立即清空所有任务，包括过程中新加入的；常见来源有Promise回调、MutationObserver、queueMicrotask等，执行优先级高于宏任务但不触发渲染。 微任务队列是 JavaScript 事件循环中优先级更高、执行更及时的一类异步任务集合，它总在当前宏任务执…

JavaScript Tree Shaking 是通过静态分析 ES 模块 import/export 依赖图，在打包时移除未使用代码的优化技术，要求使用 ES 模块、支持该特性的打包工具（如 Webpack 4+、Vite、Rollup）、无副作用代码，并需配置 “sideEffect…