前端框架

• React： 灵活、生态大、偏“自己组装”

• Vue：上手快、模板语法直观

• Angular： 企业级框架、集成齐全

• Svelte:：编译时框架，运行时轻量

• Quasar：Quasar 是一个基于 Vue.js 的前端框架，用一套 Vue 代码构建 Web、移动端、桌面端应用，Quasar 不是独立的框架，而是一个 “基于 Vue.js 的应用框架（Framework on top of Vue）”。
  它是 Vue 的超集，不是替代品。自带 UI、主题、构建工具、跨平台支持等

• Electron：是把 Web 技术（HTML / CSS / JS / React / Vue）包装成桌面应用的框架，Electron 把一个浏览器（Chromium）嵌入到桌面窗口里，可以把 Electron 看成是 “Node.js + 浏览器的结合体”

各自“代表作”与常见组合

• React：Next.js（SSR/SSG/ISR 一体）、React Router、Redux/Zustand、Tailwind/MUI、Vite/webpack。
• Vue：Vite（官方）、Vue Router、Pinia、Nuxt（SSR/全栈）、Element Plus/Naive UI/Quasar。
• Angular：Angular CLI、Angular Router、RxJS、NgRx、Angular Material、Angular Universal。

语言

• JavaScript： 浏览器里运行逻辑、操作页面、处理交互，动态类型、解释执行、灵活但容易出错

• TypeScript：TypeScript（TS） 是 JavaScript 的“带类型”升级版，多了类型系统（类型安全、IDE 提示更好）

• JSX：（JavaScript XML） 是一种 JavaScript 的语法扩展，
  让你可以在 JS 代码里直接写 HTML 结构。

工具

• Vite：构建工具

渲染方式

CSR（客户端渲染）Client-Side Rendering

1️⃣ 浏览器先下载空白 HTML
2️⃣ 再加载 JS 文件
3️⃣ JS 执行后生成页面内容

SSR（服务端渲染）Server-Side Rendering

1️⃣ 服务器执行框架代码（React/Vue）
2️⃣ 把生成好的 HTML 发给浏览器
3️⃣ 浏览器立刻显示完整页面