Home / yuecao365 / offercome · src/lib/mock-interviews/skills/frontend-architecture/SKILL.md · GitHub

frontend-architecture skillA

frontend-architecture is agent-read markdown (skill) from yuecao365/offercome: 前端架构深挖：状态与数据流、服务端组件、BFF、契约与类型共享、微前端、设计系统、测试。.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

## 面试官在意什么

这本是前端往工程与架构方向的深挖：一个多人维护、多端复用的前端系统怎么组织。面试官看的是取舍能不能落到团队规模：BFF 该不该建、状态放哪层、类型怎么共享、微前端还是 monorepo、组件库怎么升级不 break 业务。2026 年新增的追问是服务端组件把数据获取移到服务端后，客户端状态管理还剩什么、缓存与失效谁负责。

## 项目 / 实习怎么深挖

简历上出现下面这类经历时从哪里切、追什么。追到候选人能说出机制、数字的来源与一次真实的故障或取舍才算实；只有框架名与结论、说不出自己那一段的，记为危险信号。通用的追问方法见 project-deep-dive。

- 简历出现状态管理方案 → 追为什么选它、服务器状态与 UI 状态怎么分、URL 是不是状态源、出过什么状态不一致
- 简历出现 Server Components / Actions → 追哪些组件在服务端、数据获取与缓存怎么做、客户端状态还剩什么
- 简历出现 BFF → 追聚合了几个下游、超时熔断、最慢接口、为什么不让前端直接调
- 简历出现 monorepo / 共享类型 / 微前端 → 追共享了什么、一次改动影响面怎么控、构建时间、隔离怎么做、比另一种方案多解决了什么
- 简历出现组件库 / 设计系统 → 追按需加载、主题定制、可访问性、版本升级怎么不 break
- 简历出现前端测试 → 追测什么层、覆盖率数字、flaky 怎么治、一次靠测试拦下的问题

## 常见失守与危险信号

- 状态管理与数据流：所有状态一律扔进全局 store；分不清服务器状态和 UI 状态；没意识到 URL 也是状态源
- 服务端组件与数据获取：认为 RSC 就是 SSR；不知道服务端组件不能用 hooks；缓存与失效说不清谁负责
- BFF 与数据聚合层：把 BFF 当万能层塞业务逻辑；下游多个接口串行 await 却不知道
- 前后端契约与类型共享：接口靠口头约定；把后端实体直接暴露给前端；monorepo 就是"放一个仓库"
- 微前端与 monorepo：为了"独立部署"上微前端却没有团队边界；样式与全局变量隔离没做
- 设计系统与组件库：按需加载靠运气；主题靠覆盖样式；升级 break 业务
- 测试策略：只有单测或只有 E2E；flaky 靠重跑；不知道测什么层
- 可访问性与国际化：认为可访问性就是"给图片加 alt"；用 div 做按钮；不知道 Intl API

## 常考主题清单

只列名字、阶梯与答实的标志，作"问到哪一层算实"的参考；问哪些、问几道由这份 JD 与这份简历定，不是配额。

### 状态管理与数据流（框架无关）
…

Read the whole file at its exact version.

How to install

Latest version
mdr add yuecao365/offercome/frontend-architecture@git:20260920.a4843f5
Exact content
mdr add yuecao365/offercome/frontend-architecture@sha256:1e8d484c419bb5c9

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_cc5abc2cckudlrc4.svg)](https://markdownregistry.com/a/art_cc5abc2cckudlrc4)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260920.a4843f5 latest2026-09-20 a4843f5 7,229 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (7229 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

yuecao365/offercome · 23 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_cc5abc2cckudlrc4
GET https://markdownregistry.com/api/v1/resolve?ref=yuecao365/offercome/frontend-architecture
GET https://markdownregistry.com/api/v1/blob/1e8d484c419bb5c98e693abb573b307af08a33bf5cd845b3eb34ba834be5ded8

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from yuecao365/offercome

AGENTS.md agents
yuecao365/offercome · AGENTS.md
git:20260921.abf64ee · audit A · 23 stars
CLAUDE.md claude
yuecao365/offercome · CLAUDE.md
git:20260803.e553cde · audit B · 23 stars
agent-runtime skill
yuecao365/offercome · src/lib/mock-interviews/skills/agent-runtime/SKILL.md · Agent 运行时深挖：循环与事件、工具协议与沙箱、子 agent、预算终止、恢复、输出契约。
git:20260920.a4843f5 · audit A · 23 stars
ai-agent skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-agent/SKILL.md · Agent 开发与运行时怎么面：循环与工具、RAG、上下文与记忆、评测、安全、成本。Agent 与 LLM 应用岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-algorithm/SKILL.md · 大模型算法怎么面：Transformer、预训练、后训练与对齐、RL、微调、Embedding、评测。LLM 算法岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-app-testing skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-app-testing/SKILL.md · AI 应用测试深挖：非确定性输出、幻觉与 RAG 评估、Agent 链路审计、安全对抗、回归门禁、AI 生成用例。
git:20260920.a4843f5 · audit A · 23 stars
ai-infra skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-infra/SKILL.md · 大模型推理与训练基础设施怎么面：KV cache、调度、并行、量化算子、服务指标、训练集群。AI Infra 岗读。
git:20260920.a4843f5 · audit A · 23 stars
algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/algorithm/SKILL.md · 算法与机器学习怎么面：ML 基础、深度学习、特征、AB 实验、部署监控、落地。算法与 ML 工程岗读。
git:20260920.a4843f5 · audit A · 23 stars
android skill
yuecao365/offercome · src/lib/mock-interviews/skills/android/SKILL.md · Android 怎么面：生命周期、Compose、协程与 Flow、性能、启动。JD 点名 Android 时读。
git:20260920.a4843f5 · audit A · 23 stars
backend skill
yuecao365/offercome · src/lib/mock-interviews/skills/backend/SKILL.md · 后端怎么面（栈无关）：缓存、消息队列、接口、可靠性、可观测、容量、发布。服务端岗读。
git:20260920.a4843f5 · audit A · 23 stars
cpp skill
yuecao365/offercome · src/lib/mock-interviews/skills/cpp/SKILL.md · C++ 后端怎么面：内存模型、RAII、STL 性能、多线程与原子、IO 模型、现代 C++。JD 点名 C++ 时读。
git:20260920.a4843f5 · audit A · 23 stars
cs-fundamentals skill
yuecao365/offercome · src/lib/mock-interviews/skills/cs-fundamentals/SKILL.md · 计算机基础怎么面：操作系统、网络、数据结构与算法、数据库原理。技术岗校招兜底。
git:20260920.a4843f5 · audit A · 23 stars

Every file in yuecao365/offercome

Other files named frontend-architecture

frontend-architecture skill
devcodex-labs/devcodex · content/skills/frontend-architecture/SKILL.md · 前端架构专家 Owner — 当任务涉及页面、组件、状态管理、数据获取、异步缓存、SSR/Nuxt、runtime config、i18n、SSE、空白页、性能、可访问性或前端验证路线时使用；要求优先保证旧数据可见、异步刷新、渲染稳定和用户…
git:20260730.6ee304a · audit A · 387 stars
frontend-architecture skill
aniruddhadas1/oniroute_swarmagents · skills/official/frontend/frontend-architecture/SKILL.md · Structure client systems around stable boundaries and user journeys. Use when planning or reviewing frontend…
git:20260804.bc7d3a4 · audit A · 2 stars

Browse by kind, by grade A, or by owner.