java

模板字符串是JavaScript中用反引号包裹、支持表达式插值、多行书写和标签函数的字符串语法，相比传统拼接更安全、清晰、易维护，且无运行时性能劣势。 模板字符串是 JavaScript 中用反引号（`）包裹的字符串，支持嵌入表达式、多行书写和字符串插值。它不是“更好”的替代品，而是在特定场景下更自…

JavaScript错误处理核心是try-catch，但需明确目的、精准范围、保留上下文、及时上报，并协同finally与全局监听；只捕获可处理的错误，避免静默失败。 JavaScript 错误处理的核心是 try-catch，但它不是万能的“兜底开关”。用得不当，反而会掩盖问题、干扰调试，甚至导致…

JavaScript 中的空值合并运算符 ?? 仅在左侧为 null 或 undefined 时返回右侧值，而 || 对所有 falsy 值（如 0、”、false）均触发右侧值；?? 更精准适用于需保留 falsy 但有效值的场景。 JavaScript 中的空值合并运算符是 ??，它…

JavaScript单元测试核心是隔离验证函数输入输出，主流框架有Jest、Vitest及Mocha+Chai+Sinon；Jest开箱即用，Vitest适配Vite生态，Mocha组合灵活定制强。 JavaScript 单元测试的核心是：对函数或方法做隔离验证，确保它在给定输入下返回预期输出。不依…

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

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

sessionStorage用于单标签页会话期间临时存储数据，关闭标签页即清除；localStorage则持久保存于同源所有标签页，需手动清除。 sessionStorage 是浏览器提供的一种前端本地存储机制，用于在**当前浏览器标签页的会话周期内**临时保存数据。只要这个标签页没关闭，即使刷新页…

JavaScript中this指向由调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层词法作用域的this。 JavaScript 中的 this 指向不是定义时决定的，而是*…

try…catch 是 JavaScript 中用于捕获运行时异常的核心机制，包含 try（执行可能出错代码）、catch（捕获并处理错误）、finally（无论成败均执行收尾操作）三部分，适用于不可控外部操作，而非可预判逻辑错误。 JavaScript 错误处理的核心机制之一就是 tr…

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