Published on2025年8月20日Vite 静态资源处理FrontendBuildToolsImageOptimizationPerformanceStaticAssetsVite本文深度剖析了 Vite 中处理静态资源的两种核心模式:通过 public 目录提供未经处理的资源,以及从 src 目录将其作为模块导入以参与构建优化。笔记系统性地阐述了两种方式的底层机制、优缺点及适用场景,并介绍了 assetsInlineLimit、assetsInclude 等高级配置和 vite-imagetool 等优化工具的实践。
Published on2025年8月14日V8 引擎垃圾回收机制GarbageCollectionJavaScriptMemoryManagementNodeJSPerformanceV8本文深度剖析了 V8 JavaScript 引擎的垃圾回收 (Garbage Collection, GC) 机制。内容系统性地阐述了其基于“分代假说”的内存布局(新生代与老生代),详细拆解了 Minor GC (Scavenge) 和 Major GC (Mark-Sweep-Compact) 的工作流程,并探讨了现代 GC 项目 Orinoco 如何利用并行、增量和并发技术来最小化主线程的停顿时间。
Published on2025年8月14日性能剖析 Array 与 SetArrayBigODataStructuresJavaScriptPerformanceuseActionState本文深度剖析了 JavaScript 中 Array 和 Set 两种核心数据结构的性能权衡。内容从时间复杂度 (Big O) 的理论分析入手,深入到底层实现(连续内存 vs. 哈希表)的差异,解释了为何在小规模数据集上 Array 常优于 Set。
Published on2025年8月10日React 外部状态同步方案ConcurrentRenderingPerformanceReactReactHooksStateManagementuseSyncExternalStore本文深度剖析了 React 18 引入的核心 Hook useSyncExternalStore,旨在解决与外部数据源同步时产生的“撕裂 (tearing)”、SSR 水合不匹配及性能问题。笔记系统性地阐述了该 Hook 相较于传统 useEffect 模式的优势,拆解了其基于 subscribe 和 getSnapshot 的原子化更新机制,并提供了具体的实现范例。
Published on2025年8月9日数据规范化在 React 状态管理中的应用DataNormalizationFrontendArchitecturePerformanceReactReduxStateManagement本文深度剖析了 React 及其他现代前端应用中用于管理复杂状态的高级模式——数据规范化 (Data Normalization)。笔记通过电商购物车的案例,对比了非规范化(嵌套)与规范化(扁平)状态结构,并阐述了后者如何通过建立“单一数据源”来简化更新逻辑、提升渲染性能并增强应用的可维护性。