Skip to content

前端架构总览

「前端架构」指:在既定业务目标下,如何选择运行环境、渲染方式、工程组织与交付形态,使团队在 性能、可维护性、发布节奏、协作边界 之间取得平衡。下面按常见落地形态分类,仅做 画像级概括;细节见 02~08 各篇。

常见形态一览

编号形态一句话
02服务端渲染 / 静态站点(SSR、SSG、ISR)首屏与 SEO 友好,算力在服务端或构建期
03PWAWeb 技术栈实现类原生安装、离线、推送
04移动端 H5 / 混合开发浏览器或 WebView 容器内交付移动体验
05小程序平台宿主 + 双端框架,强约束与强分发
06后台管理系统重表单、重表格、权限与路由驱动
07大屏可视化大屏分辨率、数据刷新与动效性能
08微前端多团队共门户,子应用独立构建部署

选型时可对照的维度

  1. 渲染:纯 CSR(SPA)、SSR、SSG、ISR、混合(壳 + 子应用)。
  2. 运行环境:浏览器、WebView、小程序运行时、桌面壳(Electron 等,本文从略)。
  3. 工程边界:单仓单应用、多包 Monorepo、微前端多仓库。
  4. 质量属性:首屏、SEO、离线、更新频率、权限模型、实时性。

阅读建议

按业务最接近的形态阅读对应章节;同一项目常组合多种形态(例如:中后台 SPA + 门户 SSR + 独立大屏路由)。