Skip to main content

Javascript

📄️ 事件机制

DOM 事件机制全梳理。覆盖事件流三阶段（捕获 / 目标 / 冒泡）、DOM Level 0 vs Level 2 监听方式、addEventListener 第三个参数（useCapture / once / passive）配置、事件对象的 target vs currentTarget 与 stopPropagation vs stopImmediatePropagation 差异、事件委托的优势与不冒泡事件的局限、mouseover/mouseenter 高频易混点对比，以及 CustomEvent 在跨组件通信与 SPA 路由变化劫持（pushState 包装）中的实战。

📄️ 错误处理

前端错误处理全链路与异常监控。覆盖原生错误类型（SyntaxError / ReferenceError / TypeError / RangeError）、同步 try-catch 的局限、全局捕获方案（window.onerror / 资源加载错误的捕获阶段 / unhandledrejection）、React ErrorBoundary 与 Vue errorHandler 渲染降级、跨域 Script error 解决（crossorigin + CORS）、ES2022 Error Cause 异常链保留原始堆栈，以及 await 为什么能被 try-catch 接住的 Generator 自动执行器原理。

📄️ DOM

DOM 操作核心 API 与性能优化。覆盖节点查找/创建/修改 API 对比（querySelector 返回静态 NodeList vs getElementsByClassName 返回动态 HTMLCollection）、Repaint 与 Reflow 的触发条件与区别（强制同步布局 Layout Thrashing 陷阱）、DocumentFragment 离线操作优化、虚拟 DOM 与原生 DOM 的真实性能对比（首次渲染/局部更新/复杂列表三种场景），以及虚拟 DOM 真正的价值在开发体验与性能下限保证而非极致性能。