前端技术栈方案与框架教程

0. 写在前面:给 Vue 开发者的定位 Nuxt 之于 Vue,等同于 Next 之于 React:补齐路由、SSR、数据获取、工程化。如果你会 Vue 3 + Composition API,Nu

0. 写在前面:给 React 开发者的定位 如果你已经会 React,Next.js 本质上是给 React 补齐了三块东西: React 缺什么 Next.js 提供 路由 基于文件系统的路由(A

目录 第 0 章 序言:什么是组件库,为什么自己造一个 第 1 章 心智模型:组件库 vs 业务项目 第 2 章 架构设计:目录、分层、模块边界 第 3 章 工程脚手架:从空目录到 hello wor

1. Tauri 是什么 Tauri 用系统自带的 WebView 渲染前端（不内置 Chromium），用 Rust 写后端，因此安装包只有 3–8 MB，内存占用极低。 优势：安装包极小，内存低，

1. React Native 是什么 React Native 用 React 写 UI，但渲染的不是 HTML，而是原生组件（iOS 的 UIView / Android 的 View）。JS 运

1. Electron 是什么 Electron 把 Chromium（渲染） 和 Node.js（后端） 打包进同一个可执行文件，让你用 Web 技术写桌面应用。 优势：上手最低门槛，前端工程师零学

0. 三者怎么选（先看完再动手） 维度 Electron Tauri (v2) React Native 渲染层 内置 Chromium 系统 WebView（Win=WebView2 / mac=W

B1 - 前端高级专题 B1.1 Web Worker:把昂贵计算移出主线程 线索:用户点了"导出 1 万行 CSV",前端卡 5 秒,INP 红到爆。 主线程占着 = UI 全卡。任何 > 50ms

06 - 性能与无障碍 1. Core Web Vitals(p75 真实用户) 指标 含义 良好 需改进 差 LCP(Largest Contentful Paint) 最大内容绘制 < 2.5s

03 - 数据获取与四层缓存 1. 数据获取三大流派 1.1 Server Component 直接 async 1.2 并行获取 ❌ 串行: ✅ 并行: ✅ 更优雅 —— Suspense 流式渲染

本文档由 11 个子主题拼接而成,可一口气读完,也可按下面目录跳读。 总目录 00 - 架构总览与技术选型 01 - 脚手架与工程化 02 - App Router + RSC 核心 03 - 数据获

A1 - 复杂业务建模(DDD 实战) A1.1 什么时候需要 DDD 不是所有系统都该 DDD。判断标准: 系统类型 推荐方法 CRUD 后台(用户、商品、订单) 直接 Service + Repo

07 - 测试金字塔:单元 / 集成 / E2E / 契约 1. 心智模型:测试金字塔(改良版) 2. 工具栈 类型 工具 备选 Runner Vitest Jest HTTP 测试 supertes

03 - 数据层:Prisma + PostgreSQL + Redis 1. Prisma 上手与 schema 基线 apps/api/prisma/schema.prisma: 要点拆解: 主键

本文档由 11 个子主题拼接而成,可一口气读完,也可按下面目录跳读。 总目录 00 - 架构总览与技术选型 01 - 脚手架与工程化 02 - NestJS 核心:模块 / DI / 生命周期 / 管

目录 一、为什么需要关心并发请求 二、浏览器并发限制 三、原生并发原语 四、AbortController 与请求取消 五、并发控制：限流与队列 六、请求去重与合并 七、缓存策略 八、重试与退避 九、

按「设计/适配 / 数据 / 渲染 / 动画 / 稳定性 / 部署 / 协作」八类整理，每条都是真在项目里翻过车的。 一、设计与适配类 1. 设计稿尺寸和真实大屏对不上 现象：设计稿按 1920×10

大屏的「部署」远不止 nginx + dist。要考虑：开机自启、Kiosk 锁屏、多显示器、拼接屏控制器、远程运维、断电恢复。 1. 部署形态全景 2. 形态 A：浏览器全屏 2.1 调用全屏 2.

监控大屏经常一开就是几个月。「能跑起来」 是开发指标，「跑半年不挂、挂了能自愈、挂了我能知道」 才是上线指标。 1. 稳定性的三道防线 2. 内存泄漏防线 大屏 7×24 的头号杀手是泄漏。常见来源：