区别

SVG是基于XML的矢量图形格式，本质为可编程DOM：JS可直接查询、修改属性、添加事件、动态绘制，支持交互与动画，需内联使用以确保操作性。 SVG 是一种基于 XML 的矢量图形格式，它用代码描述图形（比如线条、圆、文字），而不是像 PNG 那样靠像素点。在 JavaScript 中操作 SVG，…

词法环境是JavaScript中定义时确定的抽象机制，由环境记录（存储变量绑定）和外部词法环境引用（构成作用域链）组成，用于变量查找；它被执行上下文持有，区分全局、函数、块级三种类型。 词法环境是 JavaScript 中用来管理变量和函数声明的内部机制，它决定了变量在哪里可以被访问、值是什么。它不…

JavaScript 中的 class 是构造函数的语法糖，本质基于原型机制，非全新对象模型；它使构造器、原型方法和静态方法定义更清晰，但底层仍等价于函数与原型操作。 JavaScript 中的 class 是构造函数的语法糖，本质仍是基于原型的面向对象机制，不是全新对象模型。它让定义构造器、原型方…

JavaScript中类的静态方法与属性直接定义在类本身上，不依赖实例即可调用；静态方法用static声明、通过类名调用、不可访问this及实例成员，常用于工具函数或工厂方法；静态属性同样用static声明，为类级别共享值，通过类名访问，适合存放版本号、默认配置等。 JavaScript 中的类静态…

柯里化是将多参数函数转换为单参数函数链的机制，通过闭包记忆已传参数，直至参数总数满足才执行；它强制分步调用，而部分应用更灵活，可一次预填任意数量参数。 Currying（柯里化） 是把一个接收多个参数的函数，转换成一系列只接收一个参数的函数链。它不是简单地“少传几个参数”，而是固定前几个参数，返回一…

Context API适合低频更新、小范围共享的数据，如主题和登录态；Redux适合中大型应用中频繁变化、逻辑复杂、需调试和时间回溯的状态流。 Redux 和 Context API 都能管理跨组件的状态，但定位和适用场景很不同：Context API 适合低频更新、小范围共享的数据（比如主题、用户…

Render Props 是一种组件设计模式，通过 props 传入函数来决定渲染内容，用于逻辑复用且保持调用方渲染控制权；核心是函数式 prop（如 render 或 children），接受数据并返回 JSX。 JavaScript 中的“渲染属性”（Render Props）不是 React …

JavaScript前端路由核心是监听URL变化不刷新页面，通过Hash模式（hashchange事件）或History模式（pushState+popstate）实现SPA动态更新，首次加载后由JS接管导航与视图渲染。 JavaScript 中实现路由功能，核心是监听 URL 变化但不刷新页面，再…

NPM是JavaScript生态中用于自动管理项目依赖的命令行工具与在线仓库，通过package.json声明依赖、package-lock.json锁定版本，并采用扁平化node_modules结构确保安装一致性和复现性。 NPM 是 JavaScript 生态中最常用的包管理工具，本质是一个命令…

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