Tag
SSR
SEO 从 0 开始:搜索引擎如何理解一个网页
前言SEO 是 Search Engine Optimization 的缩写,中文通常叫“搜索引擎优化”。 很多人一听 SEO,会以为它是“堆关键词”“骗搜索引擎”“想办法排第一”。这其实是很旧、也很危险的理解。 更准确地说,SEO 解决的是: 让搜索引擎更容易发现、理解、收录和展示你的内容,同时让真正的用户更愿意点击和阅读。 如果一篇文章写得很好,但搜索引...
SSR
SSG
前端工程化
SEO
搜索引擎
一文讲清 CSR、SSR、SSG:前端页面到底在哪里渲染?
前言前端页面最终都会变成浏览器里的 HTML、CSS 和 JavaScript。 但问题是: 这份 HTML 是在哪里生成的? 是在浏览器里由 JavaScript 临时生成?是在服务器收到请求时实时生成?还是在项目构建时提前生成好? 这三个答案,分别对应了前端里最常见的三种渲染模式: CSR:Client-Side Rendering,客户端渲染 SSR:...
CSR
SSR
SSG
ISR
前端渲染
一文搞懂 SSR 水合(Hydration):从"能看"到"能点"
一文搞懂 SSR 水合(Hydration):从”能看”到”能点”如果你第一次听到”水合”这个词觉得莫名其妙,那很正常——它是 Hydration 的直译,本身是个比喻。这篇文章从零开始,把这个概念拆开讲清楚:它解决什么问题、具体发生了什么、为什么会出问题、以及业界怎么优化它。 一、先从两种渲染方式说起要理解水合,得先理解 CSR 和 SSR 各自的流程。 ...
SSR
React
Hydration
性能优化
Next.js 完全指南:从入门到实战
📚 什么是 Next.js?Next.js 是一个基于 React 的全栈框架,由 Vercel 开发维护。它让你用 React 写前端的同时,也能轻松处理后端逻辑。 一句话理解 React 是造积木的工具Next.js 是用这些积木盖好的房子框架 🎯 为什么选择 Next.js? 痛点 React 原生 Next.js 路由 需要装 react-rou...
SSR
SSG
Next.js
React
全栈开发