Skip to main content

6 docs tagged with "工程化"

View All Tags

BOM

浏览器对象模型(BOM)核心 API 与面试高频考点。覆盖 window/navigator/location/history 四大核心接口、Hash vs History 路由原理与刷新 404 陷阱、Cookie/LocalStorage/SessionStorage/IndexedDB 本地存储对比、5 大高性能 Observer API(IntersectionObserver 懒加载 / MutationObserver 水印防删 / MessageChannel React 调度器 / requestAnimationFrame 60Hz 同步 / sendBeacon 卸载埋点)以及 Web Worker 多线程通信(Transferable Objects 零拷贝)。

React Router

React Router v6 全梳理。覆盖 SPA 路由原理(History API 与 Hash 路由)、Router 组件家族(BrowserRouter/HashRouter/MemoryRouter 与内部 state 管理)、Routes/Route 匹配机制(嵌套路由与 Outlet)、导航 API(Link/NavLink/useNavigate)、5 大常用 Hooks(useLocation/useParams/useSearchParams/useMatch/useBlocker)、路由守卫与跳转拦截的完整实现、React.lazy + Suspense 懒加载方案。

Vue3 新特性

Vue 3.2 ~ 3.5 重点新特性全梳理。覆盖编译时宏(script setup / defineProps / defineEmits / defineExpose / defineModel 3.4+ / defineOptions 3.3+ / defineSlots 3.3+)、组合式 API 增强(useTemplateRef 3.5+ / useId 3.5+ / 响应式 props 解构 3.5+ / effectScope)、模板与样式新特性(v-memo 3.2+ / CSS 变量 v-bind 3.2+)、响应式系统进阶 API(toRef / toValue / shallowRef / markRaw)、内置组件(Teleport / Suspense / Fragment)、3.4 性能大重构(重写模板解析器 / 解析速度提升 2 倍 / 包体积下降 50%),以及 Pinia 状态管理在 Vue3 生态的推荐位置。

事件机制

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

模块化

前端模块化演进与面试高频考点。覆盖 IIFE / AMD / CMD 早期方案、CommonJS(同步加载、值拷贝、运行时)、ES Module(静态分析、Live Binding、Tree-Shaking 友好),CJS vs ESM 全维度对比,循环引用的处理差异,Tree-Shaking 原理与必须基于 ESM 的原因,export 与 export default 的差异,以及 esbuild 等工具在 ESM/CJS 互转时的实现机制(__esModule 标记 + 闭包包装)。

请求处理

前端网络请求方案对比与高级应用。覆盖 XHR / Fetch / Axios 三大方案的全维度对比(API 设计、进度监听、Cookie 携带、超时控制、错误处理),AbortController 取消请求原理(DOM 原生通用接口,非 Fetch/Axios 专属),以及手写 fetchWithTimeout 超时控制函数。