CSS 技巧老牌博客,广泛引用的 Flex/Grid 完全指南出自这里
patterns.dev
前端设计模式与渲染策略的现代化指南
内容更新日期 · 2026-09-07
What is it · 它是什么
什么是 patterns.dev
patterns.dev 是一本免费的在线书,由 Addy Osmani(Google Chrome 团队)和 Lydia Hallie 撰写,系统讲前端的设计模式、渲染模式(CSR/SSR/SSG/ISR)和性能模式。它回答的问题很关键:“这个需求该用哪种渲染策略、为什么”——一本讲选型题的教材。
How to use · 怎么用
怎么用 patterns.dev
- 当书读,按章节顺序过一遍。
- 渲染模式那几章是精华:每种策略的优点、代价、适用场景讲得清清楚楚。
- 做框架选型或 SEO/首屏优化时回来查。
- 示例以现代 JavaScript/React 写成,跟进门槛不高。
Key features · 核心特点
patterns.dev 的核心特点
- 系统讲清渲染模式(CSR/SSR/SSG/ISR)的优缺点与适用场景
- 性能模式和 Core Web Vitals 概念打通
- 作者背景权威,内容可信度高
- 全文免费在线读
