All Posts

本文深度剖析了 CSS Sprites（CSS 雪碧图）这一经典的 Web 性能优化技术。内容系统性地阐述了其通过将多张图片合并为单一文件以减少 HTTP 请求的核心原理，并详细拆解了利用 background-image 和 background-position 的实现方法。笔记还进一步探讨了该技术的性能权衡、维护成本，及其在 HTTP/2 和 SVG 盛行的现代 Web 开发中的地位与替代方案。

本文深度剖析了 AbortController 与 AbortSignal API 作为现代 Web 中取消异步操作的标准机制。内容系统性地阐述了其控制器/信号的工作模式，并重点展示了其在 fetch 请求中的应用、错误处理，以及在 React useEffect 中用于清理副作用和避免竞态条件等高级实践。

本文深度剖析了 JavaScript 对象属性的底层元数据——属性描述符 (Property Descriptor)。内容系统性地阐述了数据描述符与存取描述符的区别、writable, enumerable, configurable 三大标志的作用，并详细介绍了 Object.defineProperty 的用法与默认行为。笔记还涵盖了 Object.preventExtensions, Object.seal, Object.freeze 等用于增强对象不变性的 API。

本文深度解析了 ReactDOM.createPortal() API 的核心机制。内容系统性地阐述了 Portal 如何实现组件的逻辑位置与物理 DOM 位置分离，并详细解析了其最关键特性——事件冒泡遵循 React 组件树的规则，而非物理 DOM 树。笔记通过模态框的经典应用案例，展示了如何利用 Portal 解决布局、z-index 和 overflow 等问题。

本文深度剖析了 React 的内部渲染管线，系统性地阐述了从状态更新触发到 DOM 变更的四个核心阶段：触发 (Trigger)、调度 (Schedule)、渲染 (Render) 和提交 (Commit)。笔记详细拆解了 Fiber 架构下的协调 (Reconciliation) 过程、Scheduler 的优先级调度机制，以及并发模式下可中断的渲染与同步的提交阶段。