前端架构总览
「前端架构」指:在既定业务目标下,如何选择运行环境、渲染方式、工程组织与交付形态,使团队在 性能、可维护性、发布节奏、协作边界 之间取得平衡。下面按常见落地形态分类,仅做 画像级概括;细节见 02~08 各篇。
常见形态一览
| 编号 | 形态 | 一句话 |
|---|---|---|
| 02 | 服务端渲染 / 静态站点(SSR、SSG、ISR) | 首屏与 SEO 友好,算力在服务端或构建期 |
| 03 | PWA | Web 技术栈实现类原生安装、离线、推送 |
| 04 | 移动端 H5 / 混合开发 | 浏览器或 WebView 容器内交付移动体验 |
| 05 | 小程序 | 平台宿主 + 双端框架,强约束与强分发 |
| 06 | 后台管理系统 | 重表单、重表格、权限与路由驱动 |
| 07 | 大屏可视化 | 大屏分辨率、数据刷新与动效性能 |
| 08 | 微前端 | 多团队共门户,子应用独立构建部署 |
选型时可对照的维度
- 渲染:纯 CSR(SPA)、SSR、SSG、ISR、混合(壳 + 子应用)。
- 运行环境:浏览器、WebView、小程序运行时、桌面壳(Electron 等,本文从略)。
- 工程边界:单仓单应用、多包 Monorepo、微前端多仓库。
- 质量属性:首屏、SEO、离线、更新频率、权限模型、实时性。
阅读建议
按业务最接近的形态阅读对应章节;同一项目常组合多种形态(例如:中后台 SPA + 门户 SSR + 独立大屏路由)。
