2025/11/2810 分钟
Webpack 5 源码核心模块解析：从入口到产物
拆解 Webpack 5 源码中的核心模块，理解 Compiler、Compilation、Module、Chunk、Plugin 等关键概念的职责和关系
博客
分享技术心得、开发经验和学习笔记
2025/11/206 分钟
Webpack 5 构建提速方案：从分钟级到秒级
系统性梳理 Webpack 5 构建速度优化的 10+ 种方案，涵盖缓存、并行、缩小范围、DLL 等核心策略
2025/10/157 分钟
Webpack 5 构建主流程线：从 Entry 到 Output 的完整链路
从源码层面追踪 Webpack 5 构建的完整流程线，理解初始化、编译、封装、输出四大阶段的每一步
2025/10/127 分钟
Webpack vs Vite：构建工具深度对比与选型指南
从架构原理、开发体验、生产构建、生态系统四个维度深度对比 Webpack 和 Vite
2025/10/106 分钟
如何保证 Webpack Loader 按照预想方式工作
深入理解 Webpack Loader 的执行顺序、分类、Pitch 机制和调试技巧，确保 Loader 链按预期工作
2025/10/0510 分钟
Web 性能指标优化实战：FCP / LCP / TTI / FID / CLS / TTFB
逐个拆解六大 Web 性能指标的含义、测量方法和具体优化方案，用数据驱动性能提升
2025/09/1011 分钟
V8 引擎深度解析：JavaScript 是如何被执行的
深入 Chrome V8 引擎的工作原理，从源码到机器码的完整流程，涵盖解析、编译、垃圾回收等核心机制
2025/09/016 分钟
SWC 深度解析：为什么它比 Babel 快 20 倍
深入理解 SWC 的架构原理，为什么 Rust 编写的编译器能带来数量级的性能提升，以及如何在项目中使用
2025/08/268 分钟
SSR 服务端渲染：原理、流程与 Next.js 实现
深入理解 SSR（Server-Side Rendering）的工作原理，从 HTML 生成到 Hydration 的完整流程
2025/08/158 分钟
Schema JSON 驱动小程序渲染：从获取到页面呈现
详解小程序如何获取 Schema JSON 并动态渲染页面，涵盖协议设计、数据处理、组件映射和性能优化
2025/07/247 分钟
SSG 静态站点生成：原理、流程与最佳实践
深入理解 SSG（Static Site Generation）的工作原理，为什么它是内容型网站的最佳选择
2025/06/227 分钟
ISR 增量静态再生：SSG 和 SSR 的完美中间地带
深入理解 ISR（Incremental Static Regeneration）如何在不重新构建的情况下更新静态页面
2025/05/286 分钟
CSR 客户端渲染：原理、流程与适用场景
深入理解 CSR（Client-Side Rendering）的工作原理，分析其优缺点和适用场景
2025/04/188 分钟
重排（Reflow）和重绘（Repaint）：为什么慢？如何减少？
深入理解浏览器重排和重绘的触发机制、性能代价，以及减少重排重绘的实战方案
2025/03/1210 分钟
React 渲染过程深度解析：从 JSX 到真实 DOM
深入 React 的渲染机制，详解 Fiber 架构、Reconciliation 算法、双缓冲和 Commit 阶段
2025/02/153 分钟
React 性能优化实战技巧
10 个实用的 React 性能优化技巧，涵盖渲染优化、状态管理和代码分割
2024/12/187 分钟
React 生命周期完全指南：从 Class 到 Hooks
全面梳理 React 组件的生命周期，涵盖 Class 组件三大阶段和函数组件 Hooks 的对应关系
2024/12/0610 分钟
React Hooks 深度解析：useState / useEffect / useLayoutEffect
深入理解 React 核心 Hooks 的调用时机、内部机制和注意事项，搞清楚 React 拿到你的 Hook 后到底做了什么
2024/11/188 分钟
低代码平台实现原理：从架构设计到核心引擎
深入解析低代码平台的核心实现原理，包括可视化编辑器、Schema 驱动渲染、组件系统和物料体系
2024/11/087 分钟
控制反转（IoC）与依赖注入（DI）：从原理到前端实践
深入理解控制反转的设计思想，以及它在 React、Angular 和 Node.js 中的实际应用
2024/11/058 分钟
CDN 原理与实践：从用户请求到内容分发的全过程
深入理解 CDN 的工作原理，涵盖 DNS 调度、边缘节点、缓存策略和前端项目实战配置
2024/11/049 分钟
React Hooks 进阶：useCallback / useMemo / useContext / useRef
深入理解 React 进阶 Hooks 的内部机制，搞懂它们什么时候该用、什么时候不该用
2024/11/027 分钟
CI/CD 持续集成与持续部署：从原理到 GitHub Actions 实战
全面理解 CI/CD 的概念和价值，通过 GitHub Actions 搭建自动化构建、测试、部署流水线
2024/10/289 分钟
前端性能优化全指南：从加载到运行时的系统性优化
系统性梳理前端性能优化的方方面面，涵盖网络层、资源加载、渲染性能、运行时优化和监控体系
2024/10/259 分钟
前端工程化实践：从规范到自动化的完整体系
系统性梳理前端工程化的核心实践，涵盖代码规范、构建工具、模块化、Monorepo、微前端等具体问题
2024/09/287 分钟
首屏加载优化全方案：从白屏到秒开
系统性梳理首屏加载优化的所有方案，涵盖网络、资源、渲染、感知四个维度
2024/09/258 分钟
为什么 JS 会阻塞渲染？如何优化？
从浏览器渲染原理出发，解释 JavaScript 为何阻塞页面渲染，以及 defer、async、Web Worker 等优化方案
2024/09/227 分钟
如何定位性能瓶颈？前端性能分析实战指南
使用 Chrome DevTools、Lighthouse、React Profiler 等工具系统性定位前端性能瓶颈的完整方法论
2024/09/158 分钟
浏览器加载与渲染时间线：从 URL 输入到页面展示的完整过程 ⭐
用时间线图完整呈现浏览器从输入 URL 到页面展示的每一步，涵盖 DNS、TCP、资源加载、渲染管线和 ResourceTiming API
2024/09/1210 分钟
前端性能优化五大维度：加载、渲染、交互、资源、架构
从五个核心维度系统性梳理前端性能优化的完整知识体系，构建你的性能优化思维模型
2024/03/1510 分钟
Next.js 项目部署完整指南：域名购买 + Cloudflare DNS + Vercel 部署
从零开始完成 Next.js 项目的生产部署，包括域名购买、Cloudflare DNS 配置、Vercel 部署上线，以及实际遇到的坑和解决方案
2024/03/103 分钟
构建多模型 AI 聊天应用
使用 Next.js 构建支持 Claude、GPT、DeepSeek 等多种大语言模型的聊天应用
2024/03/013 分钟
Next.js 14 入门指南
从零开始学习 Next.js 14 App Router，了解服务端组件、路由系统和数据获取
2024/01/029 分钟
React 性能优化全链路：从组件到架构的系统性方案
覆盖 React 应用性能优化的完整链路，从组件级优化到架构级方案，附带实战代码和性能对比