react

JavaScript通过History API实现无刷新导航，核心方法为pushState()、replaceState()及popstate事件，支持真实URL路径、SEO友好、可前进后退；需服务端配合返回统一入口，并手动处理页面更新。 JavaScript 通过 History API 操作浏览…

JavaScript操作DOM的核心在于精准选取、最小化重排重绘、批量更新、事件委托。直接频繁修改单个元素或反复读写样式会显著拖慢页面性能，尤其在复杂列表或高频交互场景中。 用现代API精准选取和批量操作元素 避免使用已废弃的document.all或过度依赖getElementsByTagName…

Web Components 是浏览器原生支持的可复用、封装良好的自定义 HTML 元素标准，由 Custom Elements、Shadow DOM 和 HTML Templates 三部分组成，不依赖框架，适用于跨技术栈的基础组件开发。 Web Components 是一套浏览器原生支持的技术标…

JavaScript模块加载器用于管理依赖和按需加载，CommonJS用同步require，ESM用静态import，二者不兼容但可通过动态import或构建工具桥接，新项目优先选ESM。 JavaScript模块加载器是管理代码依赖、按需加载和组织模块的工具或机制。它让开发者能把大程序拆成小文件，…

JavaScript测试框架分单元、集成、E2E三类：单元测用Jest/Vitest，组件交互用Testing Library，端到端用Cypress/Playwright；选型依项目阶段与团队习惯，新项目推荐Vitest+Testing Library+Playwright组合。 JavaScri…

JavaScript移动端性能优化核心是减少主线程阻塞、降低内存占用、适配弱网与低端设备，重点包括控制JS执行时间≤16ms、懒加载、Tree Shaking、passive事件、RAF节流、及时清理资源及使用WeakMap等。 JavaScript在移动端性能优化的核心是减少主线程阻塞、降低内存占…

JavaScript 通过 window.history 操作浏览器历史，支持后退、前进、跳转及修改 URL 而不刷新页面；仅限同源操作，无法读取完整历史；pushState 添加新记录，replaceState 替换当前记录；popstate 监听导航变化并获取 state 数据。 JavaScr…

Webpack采用先打包再运行的方式，Vite则按需编译；Webpack冷启动慢、HMR延迟大、配置复杂，Vite启动快、HMR精准、开箱即用；生产构建Webpack自研打包器，Vite用Rollup；Webpack生态成熟适配老旧场景，Vite更适合现代新项目。 JavaScript 的构建工具，…

JavaScript性能优化的核心是减少主线程阻塞、降低资源加载压力、提升执行效率，关键通过代码分割实现按需加载、合理利用构建工具分包能力、控制加载与执行时机，并借助工具监控验证效果。 JavaScript性能优化的核心是减少主线程阻塞、降低资源加载压力、提升执行效率。代码分割是其中关键一环，它把大…

纯函数是只依赖输入参数且无副作用的JavaScript函数，给定相同输入必返回相同输出，不修改外部状态；其核心特征为无副作用和输出仅由输入决定，适用于数据转换等需稳定性的场景。 纯函数是JavaScript中一种特定类型的函数，它只依赖于输入参数，且不产生任何副作用。这种设计让函数的行为变得完全可预…