javascript

JavaScript装饰器是修改类、方法等行为的语法糖，属TC39第四阶段提案，需Babel或TypeScript支持；以@开头，在类定义完成时执行，支持类、方法、访问器装饰，可实现日志、权限控制、缓存等增强逻辑。 JavaScript 装饰器（Decorator）是一种用于**修改类、方法、访问器…

闭包是JavaScript中函数与其词法作用域的组合，核心在于内部函数引用外部变量且外部函数返回该内部函数；它实现私有数据封装、状态保持、模块化及高级编程模式，但可能导致内存泄漏和性能损耗。 闭包是 JavaScript 中一个函数和它所“记住”的词法作用域的组合。简单说，就是一个内部函数能访问并持…

对象冻结是使JavaScript对象不可修改的最严格防篡改方式，通过Object.freeze()实现浅冻结，需递归处理嵌套对象；另有seal、preventExtensions等防护等级较低的替代方案。 对象冻结是指让一个 JavaScript 对象变为不可修改的状态：不能添加、删除或更改其属性，…

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…