这是我们团队 @许滨楠 同学做的内部分享，科普当下流行的 CSR、SSR、SSG 等渲染模式的原理与优劣势，相当有料。PS：我们是字节游戏中台前端团队，日常学习氛围浓厚，最近听说要 10-7-5 了，还有大量 HC，欢迎自荐。
一、啥是「啥是 XXR ？」？
前端研发中有许多常见场景，根据不同的构建、渲染过程有不同的优劣势和适用情况。如现代 UI 库加持下常用的 CSR、具有更好 SEO 效果的 SSR (SPR)、转换思路主打构建时生成的 SSG、大架构视野之上的 ISR、DPR，还有更少听到的 NSR、ESR 等等。
诸多方案的提出和完善带来了更多的技术选型可能，迅速涌现的生态支持也让不同方案的开发体验、心智负担渐渐趋于便捷、开发者无感。
但：
- 各种方案的运作模式是怎样的？
- 不同场景下应该如何选择方案？
- 各种方案能带来的优势是什么？造成的劣势或者当下的不足有什么？
- 有怎样的开发工具、类库、框架可以支持？
希望这篇文章能帮助解决上述这样的疑惑，这就是「啥是 XXR ？」。
若尚不完整或有失偏颇，欢迎讨论 & 指教。
二、渲染模式——概念与对比
这里所说的 ✌
