Tech Planet

Frontend notes, engineering systems, and useful things worth keeping.

A focused personal knowledge base for frontend, JavaScript, CSS, engineering workflows, deployment, and long-term learning.

Latest

Recent notes

Frontend / Engineering

一文讲清 CSR、SSR、SSG:前端页面到底在哪里渲染?

前言前端页面最终都会变成浏览器里的 HTML、CSS 和 JavaScript。 但问题是: 这份 HTML 是在哪里生成的? 是在浏览器里由 JavaScript 临时生成?是在服务器收到请求时实时生成?还是在项目构建时提前生成好? 这三个答案,分别对应了前端里最常见的三种渲染模式: CSR:Client-Side Rendering,客户端渲染 SSR:...

CSR SSR SSG ISR 前端渲染
Frontend / React

一文搞懂 SSR 水合(Hydration):从"能看"到"能点"

一文搞懂 SSR 水合(Hydration):从”能看”到”能点”如果你第一次听到”水合”这个词觉得莫名其妙,那很正常——它是 Hydration 的直译,本身是个比喻。这篇文章从零开始,把这个概念拆开讲清楚:它解决什么问题、具体发生了什么、为什么会出问题、以及业界怎么优化它。 一、先从两种渲染方式说起要理解水合,得先理解 CSR 和 SSR 各自的流程。 ...

SSR React Hydration 性能优化