21 docs tagged with "进阶"

async/await 核心机制与底层实现。覆盖 async/await 相对 Promise 的三大优势（错误栈跟踪 / 中间值共享 / 调试 Step-over 体验）、async 强制返回 Promise 的规则、await 微观异步与宏观同步的调度、try-catch 能捕获 await 错误的原理（rejected Promise 转为 generator.throw），以及手写 Generator 自动执行器（co 库原理）。

ES6 class 语法糖全解析。覆盖实例属性的新写法、ES2022 的

Generator 协程机制与底层实现。覆盖 Generator 函数语法与 next/yield 行为、传值/返回值规则、Babel 转译后的状态机（switch-case + context）实现原理、Redux-Saga 复杂异步流（防抖/节流/任务取消）、Symbol.iterator 自定义迭代器部署、无限序列惰性求值（O(1) 内存占用），以及它作为 async/await 底层基础的核心地位。

Promise 全方法解析与执行顺序细节。覆盖三种状态（pending/resolved/rejected）与状态不可逆、then/catch/finally 链式调用、Promise.all/allSettled/race/any 的返回值结构对比与适用场景、ES2024 Promise.withResolvers 取消定时器实战、ES2025 Promise.try 同步/异步统一处理（避免同步代码被推迟到微任务）、Promise 解析机制的 Tick 拆分（return Promise 时隐式增加两个微任务导致推迟两个 Tick）。

掌握 WebGL Uniform 变量的使用、渲染循环与时间驱动的动画，对比 Three.js 的动画系统。

React useEffect 与 useLayoutEffect 源码全梳理。覆盖 effect 节点数据结构、render 阶段的收集（mount / update 两路径 + pushEffect 循环链表）、completeUnitOfWork 构建 effectList、commit 阶段的 useEffect 异步调度（scheduleCallback 延后到 paint 后）与 useLayoutEffect 同步执行（mutation / layout 阶段），以及二者使用场景的取舍。

React useState Hook 源码全梳理。覆盖 Fiber 架构下函数组件状态保存机制、renderWithHooks 调度、Dispatcher 状态机切换、mount/update 两个阶段的核心调用栈（mountState / updateReducer / dispatchAction）、Update 循环链表、闭包陷阱的底层原因、连续 setState 批处理与 ObjectIs 短路优化，以及为什么 hooks 必须在函数最外层调用。

Web 音频录制与处理完整链路。覆盖 navigator.mediaDevices.getUserMedia 麦克风采集（HTTPS 限制与授权机制）、MediaRecorder 音频录制与 Blob 导出、AudioContext Web Audio API 节点图（AnalyserNode 频域分析与 0-255 数据映射波形图）、录音上传 FormData 实现、浏览器 Autoplay Policy 拦截解决方案、微信式长按录音松开发送的 Touch 事件处理。

深入 WebGL 核心面试题：MVP 矩阵、纹理系统、FBO 离屏渲染与性能优化

WebGPU 架构、流水线、Compute Shader 与 WGSL 着色器，浏览器下一代 GPU API

不常见但强大的 JavaScript 数据类型。Symbol 用作唯一值与对象私有属性（`Symbol.iterator` / `Symbol.toPrimitive` 等内置 Symbol）；BigInt 突破 Number 安全整数限制；Map/Set 提供任意键类型的有序集合与去重能力；WeakMap/WeakSet 借助弱引用解决内存泄漏问题，是 Vue 3 响应式、深拷贝等源码的底层依赖。

JavaScript 代码从源码到执行的完整链路。覆盖 V8 引擎的 JIT 编译流程（Parser → AST → Ignition 字节码 → TurboFan 机器码 → 去优化）、执行上下文的三个核心组件（变量环境 / 词法环境 / This 绑定）、变量与函数提升（含 AO 示例）、作用域与作用域链、闭包本质，以及事件循环中宏任务与微任务的执行顺序（含 Node.js 与浏览器的差异）。

深入 WebGL 光照模型，掌握 Lambert 漫反射与 Phong 镜面高光的实现原理，对比 Three.js 光照系统。

掌握 WebGL 离屏渲染技术，理解 FBO 颜色/深度/模板附件，实现后处理效果。

深入 WebGL 性能瓶颈，掌握 Draw Call 优化、Shader 优化、纹理优化等工业级性能调优手段。

深入 WebGL Shader 编译流程、错误处理与调试技巧，理解 Program 链接过程及 Three.js Material 的封装机制。

深入 MVP 矩阵的数学原理与乘法顺序，掌握旋转、缩放、平移变换，对比 Three.js 矩阵系统。

掌握 WebGL 纹理的加载、绑定与 UV 坐标系统，理解采样、过滤与 wrap 模式。

JavaScript 装饰器从模式到提案版本的完整梳理。覆盖装饰者模式、类/属性/方法装饰器、属性描述符（数据描述符与存取描述符），对比 Legacy（Stage 2）与 Standard（Stage 3）两个版本的 API 差异（`(target, name, descriptor)` vs `(value, context)`），以及 MobX、NestJS、Angular、Core-Decorators 等开源库的真实落地场景。

Three.js 高级功能：光线投射 Raycaster、粒子系统与后期处理 Post-processing

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