技术治理与合规面试题
本题库共收录 55 道面试题(基础 14 / 进阶 20 / 深入 12 / 架构 9)。 本文件收录技术治理与合规相关面试题,目标题量 30 道。 题型覆盖:概念题、场景设计题、系统设计题、工程化题、软技能题、综合开放题。 难度覆盖:基础、进阶、深入、架构。 每道题除标准参考答案外,另附口头回答版,便于面试时快速组织语言。
目录
基础题(8 道)
FB-44-CO-B-001:什么是技术治理?它和日常技术管理有什么区别?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:技术治理、规范、标准、架构治理 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 请解释技术治理的概念,并说明它与日常技术管理的主要区别。
参考答案:
技术治理(Technology Governance)是指通过制定规则、标准、流程和组织机制,确保技术决策与业务战略、风险控制和合规要求保持一致,并对技术资产全生命周期进行监督、度量和改进的体系化活动。
与日常技术管理的核心区别:
| 维度 | 技术治理 | 日常技术管理 |
|---|---|---|
| 关注焦点 | 规则、标准、风险、合规、长期价值 | 任务执行、进度、资源、短期交付 |
| 决策层级 | 跨团队/跨部门的集体决策与授权 | 团队内部或项目层面的执行决策 |
| 时间跨度 | 中长期,强调可持续性 | 短期到中期,强调交付效率 |
| 主要手段 | 规范、评审、审计、度量、委员会 | 排期、分工、跟踪、复盘 |
| 成功标准 | 技术健康度、风险可控、合规达标 | 项目按时交付、Bug 率、性能指标 |
前端技术治理的典型内容:
- 技术规范与标准:编码规范、目录结构、API 设计规范、组件设计规范。
- 架构评审:重大项目或技术选型前的评审机制。
- 代码治理:代码质量、代码评审、静态检查、技术债管理。
- 安全合规:安全基线、隐私合规、开源合规。
- 数据治理:数据分类分级、敏感数据保护、埋点治理。
评分维度:
- 概念准确性(40%):能否准确说出技术治理是“规则+监督+改进”的体系化活动
- 与管理的区分(35%):能否从焦点、层级、时间跨度等维度区分
- 前端场景举例(25%):能否举出规范、评审、代码治理等前端实例
常见错误:
- 将技术治理等同于技术管理,认为就是安排任务和盯进度。
- 只谈“规范”,忽略度量、审计、改进闭环。
- 认为治理是“纯管理行为”,与技术实践脱节。
延伸追问:
- 如果候选人答对了,可追问:技术治理委员会和技术管理层的职责边界在哪里?
- 如果候选人答错了,可引导:当团队里有人不遵守规范时,只靠项目经理催进度能解决吗?
相关题目:
参考资源:
口头回答版:
技术治理就是通过制定规则、标准和流程,再配套评审、审计、度量这些手段,让技术决策符合业务战略、风险控制和合规要求,并且持续改进。它和日常技术管理不一样:管理更关注任务排期、进度、资源这些短期执行;治理关注的是中长期规则、风险和合规。比如前端团队里,制定代码规范、做架构评审、管技术债、做安全合规检查,这些都属于技术治理。
FB-44-CO-B-002:前端技术规范与标准通常包含哪些类型?
题型:概念题 难度:🟢 基础 岗位层级:高级 面试知识域:44 技术治理与合规 标签:规范、标准、代码质量、架构治理 出现频率:高频 预计回答时长:3-5 分钟
题目描述: 请列举前端团队中常见的技术规范与标准类型,并说明每类规范的主要作用。
参考答案:
前端技术规范与标准通常可分为以下 7 类:
| 规范类型 | 主要内容 | 作用 |
|---|---|---|
| 编码规范 | ESLint、Prettier、命名约定、TypeScript 约束 | 保证代码风格一致,降低阅读成本 |
| 工程结构规范 | 目录结构、模块划分、包命名、Monorepo 规范 | 提升可维护性和可扩展性 |
| 组件/设计规范 | 组件 API 命名、Props 约束、可访问性要求、设计 Token | 保证 UI 一致性和复用性 |
| API 与数据规范 | REST/GraphQL 约定、字段命名、错误码、数据类型 | 降低前后端协作成本 |
| 性能规范 | 首屏指标、包体积上限、图片格式、懒加载策略 | 守住性能基线 |
| 安全规范 | 输入校验、XSS/CSRF 防护、敏感数据处理、CSP | 降低安全风险 |
| 发布与版本规范 | Semver、CHANGELOG、分支策略、灰度发布 | 保证交付可控 |
制定规范的原则:
- 可执行:能通过工具自动检查,减少人工判断。
- 可度量:规范 violation 能数字化,例如 ESLint 报错数、规范遵从率。
- 可演进:规范应随技术栈和业务变化定期 review,避免僵化。
评分维度:
- 分类完整性(40%):能否说出至少 5 类规范
- 内容准确性(35%):每类规范能否给出具体内容示例
- 制定原则(25%):是否提到可执行、可度量、可演进
常见错误:
- 只列举编码规范,忽略工程结构、性能、安全等维度。
- 把规范和标准混为一谈,没有区分“如何做”与“做到什么程度”。
- 认为规范越多越好,忽略可执行性和团队接受度。
延伸追问:
- 如果候选人答对了,可追问:规范的“可执行”具体怎么落地?
- 如果候选人答错了,可引导:如果团队里每个人都有自己的目录风格,会出现什么问题?
相关题目:
参考资源:
口头回答版:
前端规范大概分这么几类:编码规范,比如 ESLint、Prettier、命名约定;工程结构规范,比如目录怎么分、Monorepo 怎么组织;组件规范,比如 Props 怎么命名、设计 Token 怎么用;API 规范,比如接口字段、错误码怎么定;性能规范,比如首屏多少秒、包体积多大;安全规范,比如 XSS 防护、敏感数据处理;还有发布版本规范,比如 Semver、CHANGELOG。好规范要满足三个原则:能自动检查、能量化、能持续迭代。
FB-44-CO-B-003:什么是代码治理?前端代码治理通常包含哪些手段?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:代码质量、代码评审、代码审计、规范 出现频率:高频 预计回答时长:3-5 分钟
题目描述: 请解释代码治理的概念,并说明前端代码治理的常用手段。
参考答案:
代码治理(Code Governance)是指通过规则、工具、流程和文化建设,对代码的全生命周期进行管理和优化,以保证代码质量、可维护性、安全性和一致性。
前端代码治理的常用手段:
| 手段 | 具体做法 | 目标 |
|---|---|---|
| 编码规范 | ESLint、Prettier、Stylelint、TypeScript 严格模式 | 统一风格、提前发现错误 |
| 代码评审 | MR/PR Review、自动化评审助手 | 知识共享、发现设计缺陷 |
| 静态分析 | SonarQube、CodeQL、依赖扫描 | 发现潜在 Bug、安全漏洞、坏味道 |
| 单元测试 | Jest/Vitest 覆盖率门槛、测试策略 | 保证核心逻辑正确性 |
| 架构守护 | 架构测试(如 ArchUnit、Nx 约束)、模块边界检查 | 防止架构腐化 |
| 度量看板 | 代码覆盖率、圈复杂度、重复率、技术债指数 | 用数据驱动改进 |
| 重构计划 | 定期技术债清理、模块化重构 | 持续降低维护成本 |
代码治理的关键原则:
- 左移:在编码和提交阶段发现问题,而不是上线后。
- 自动化:能用工具就不用人工。
- 透明化:治理结果可视化,让团队看到改进收益。
评分维度:
- 概念准确性(35%):能否说明代码治理是对代码全生命周期的管理
- 手段覆盖度(40%):能否列举 4 种以上手段并说明目标
- 原则理解(25%):是否提到左移、自动化、透明化
常见错误:
- 把代码治理等同于“代码评审”,忽略规范和工具。
- 只谈质量,不谈安全、可维护性、架构守护。
- 忽略度量和可视化,导致治理流于形式。
延伸追问:
- 如果候选人答对了,可追问:代码治理和代码质量管理的边界在哪里?
- 如果候选人答错了,可引导:如果一个项目 ESLint 报错上千条,仅靠一次重构能治本吗?
相关题目:
参考资源:
口头回答版:
代码治理就是对代码从写出来到上线到维护的全过程进行管理,保证质量、可维护性、安全性和一致性。前端常用的手段包括:编码规范用 ESLint、Prettier 自动检查;代码评审通过 MR Review 发现设计问题;静态分析用 SonarQube、CodeQL 扫 Bug 和漏洞;单元测试设覆盖率门槛;架构守护防止模块乱依赖;还有度量看板,比如覆盖率、圈复杂度、重复率;最后配合重构计划持续清技术债。核心原则就是左移、自动化、透明化。
FB-44-CO-B-004:什么是技术债?请对技术债进行分类。
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:技术债、风险评估、代码质量、架构治理 出现频率:高频 预计回答时长:3-5 分钟
题目描述: 请解释技术债(Technical Debt)的概念,并给出常见的分类方式。
参考答案:
技术债是指团队为了短期利益(如快速上线、抢占市场)而采取的非最优技术方案,导致未来需要额外成本来偿还的“负债”。它不是单纯的“烂代码”,而是有意识或无意识地做出的技术折中。
常见分类(按 Martin Fowler 的技术债象限):
| 维度 | 类别 | 说明 |
|---|---|---|
| 是否有意 | 审慎的(Prudent) | 明知有债,但为了抢占市场主动承担 |
| 草率的(Reckless) | 因经验不足或忽视最佳实践而欠下 | |
| 是否了解 | 有意的(Deliberate) | 团队清楚自己在欠债 |
| 无意的(Inadvertent) | 事后才发现更好的方案 |
组合后形成 4 类:
- 审慎且有意的技术债:为抢占市场,明知有更好方案仍选择快速实现,并计划偿还。
- 审慎但无意的技术债:当时认为合理,事后发现更优方案。
- 草率且有意的技术债:知道不该这么做,但为了省事仍这么做。
- 草率且无意的技术债:因能力不足或无知导致的劣质代码。
按内容分类:
- 代码债:坏味道、重复代码、过长函数。
- 架构债:模块边界混乱、服务耦合严重。
- 测试债:缺乏测试、测试脆弱。
- 文档债:缺少文档或文档过期。
- 基础设施债:CI/CD 落后、构建工具陈旧。
评分维度:
- 概念准确性(40%):能否说明技术债是“为短期利益产生的未来成本”
- 分类能力(35%):能否按 Fowler 象限或内容维度进行分类
- 前端实例(25%):能否结合前端场景举例
常见错误:
- 把技术债等同于 Bug,认为所有遗留代码都是债。
- 只分类不还债,忽略“债务需要偿还计划”。
- 认为技术债都是负面的,忽略审慎技术债的商业价值。
延伸追问:
- 如果候选人答对了,可追问:如何判断一笔技术债是否应该立即偿还?
- 如果候选人答错了,可引导:为了赶双十一活动临时写了一个 hard code 配置,这是技术债吗?
相关题目:
参考资源:
口头回答版:
技术债就是团队为了短期利益,比如快速上线,而选择了不是最优的技术方案,导致以后要花额外成本去还。它不是简单的烂代码,而是一种有意识的折中。常见的分类是 Martin Fowler 的象限:按是否有意和是否了解,分成审慎且有意的、审慎但无意的、草率且有意的、草率且无意的。也可以按内容分,比如代码债、架构债、测试债、文档债、基础设施债。前端里典型的就是为了赶工期硬编码配置、不写测试、模块边界乱耦合。
FB-44-CO-B-005:架构评审的目的是什么?一般在哪些节点进行?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:架构评审、架构治理、风险评估、规范 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 请说明架构评审的目的,并列举前端项目中常见的架构评审节点。
参考答案:
架构评审(Architecture Review)是指在技术方案实施前或关键变更时,由相关方对系统的架构设计、技术选型、风险控制和合规性进行系统性审查,以保证设计质量、降低实施风险、促进知识共享。
架构评审的核心目的:
- 风险控制:提前发现安全、性能、可维护性、合规等方面的风险。
- 质量保障:确保设计符合团队规范、技术标准和长期演进方向。
- 知识对齐:让相关团队理解设计意图,避免信息孤岛。
- 决策透明:把重大技术决策过程文档化,便于后续追溯。
前端项目常见的评审节点:
| 节点 | 评审重点 |
|---|---|
| 项目立项/技术选型 | 框架选型、渲染模式(CSR/SSR/SSG)、Monorepo/多仓库 |
| 核心模块设计 | 状态管理方案、组件库设计、路由与权限模型 |
| 重大重构前 | 迁移策略、兼容性、回滚方案、影响范围 |
| 性能/安全基线变更 | 包体积、加载策略、安全模型、数据处理方式 |
| 跨团队协作设计 | API 契约、微前端拆分、发布依赖 |
| 上线前最终检查 | 监控埋点、回滚方案、应急预案、合规检查 |
评分维度:
- 目的理解(40%):能否说出风险控制、质量保障、知识对齐、决策透明
- 节点识别(35%):能否说出至少 4 个评审节点
- 前端关联(25%):能否结合前端场景说明评审重点
常见错误:
- 认为架构评审只是“走流程”,为了审批而审批。
- 只在项目结束时做评审,错过最佳纠偏时机。
- 评审只关注技术先进性,忽略可维护性和团队能力匹配。
延伸追问:
- 如果候选人答对了,可追问:架构评审不通过时,应该怎么办?
- 如果候选人答错了,可引导:如果一个项目上线后才发现性能不满足,哪个节点出了问题?
相关题目:
参考资源:
口头回答版:
架构评审就是在技术方案实施前或者关键变更时,组织相关方一起审查设计,提前发现风险、保证质量、对齐知识、让决策过程透明。前端项目里常见的评审节点有:立项和选型时评框架和渲染模式;核心模块设计时评状态管理、组件库、权限模型;重大重构前评迁移和回滚策略;性能或安全基线变更时评包体积、加载策略、安全模型;跨团队协作时评 API 契约和微前端拆分;上线前还要做最终检查,比如监控、回滚、应急预案。
FB-44-CO-B-006:前端安全合规需要关注哪些常见法规或标准?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规、31 安全架构 标签:合规、安全、隐私合规、数据隐私 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 请列举前端开发中需要关注的主要安全合规法规或标准,并说明前端需要承担的具体责任。
参考答案:
前端安全合规主要涉及数据保护、网络安全、行业监管三个层面。常见法规和标准包括:
| 法规/标准 | 适用范围 | 前端关注点 |
|---|---|---|
| GDPR(欧盟通用数据保护条例) | 面向欧盟用户 | Cookie 同意、数据最小化、用户删除权、隐私政策 |
| CCPA/CPRA(美国加州隐私法) | 加州居民 | 退出追踪、数据出售披露 |
| 《个人信息保护法》(中国 PIPL) | 中国境内或处理中国公民数据 | 告知同意、敏感个人信息保护、跨境传输 |
| 《网络安全法》《数据安全法》 | 中国 | 数据分类分级、日志留存、安全事件报告 |
| ISO 27001 / 27701 | 信息安全与隐私信息管理 | 安全基线、访问控制、审计 |
| PCI DSS | 支付行业 | 前端支付页敏感数据不得存储、传输加密 |
| 等保 2.0 | 中国信息系统安全等级保护 | 访问控制、安全审计、数据完整性 |
前端需要承担的具体责任:
- 用户同意与告知:Cookie 横幅、隐私政策链接、同意记录。
- 数据最小化:只收集必要字段,避免前端日志泄露敏感信息。
- 敏感数据保护:不对密码、身份证、手机号等做本地持久化。
- 安全传输:HTTPS、HSTS、CSP、SRI。
- 可审计:操作日志、错误日志中脱敏处理。
评分维度:
- 法规认知(40%):能否说出至少 4 个法规/标准
- 前端责任(35%):能否具体说明前端在同意、数据最小化、传输、审计方面的责任
- 场景结合(25%):能否举例说明 GDPR Cookie 同意或 PIPL 告知同意
常见错误:
- 认为合规只是后端和法务的事,前端没有责任。
- 只谈安全,不谈合规法规和监管要求。
- 混淆 GDPR 和 CCPA 的核心要求。
延伸追问:
- 如果候选人答对了,可追问:前端埋点数据如何避免违反 PIPL?
- 如果候选人答错了,可引导:用户在前端点击“同意隐私政策”这件事,合规价值在哪里?
相关题目:
参考资源:
口头回答版:
前端安全合规要关注几个层面的法规:数据保护类的 GDPR、中国 PIPL、加州 CCPA;网络安全类的《网络安全法》《数据安全法》、等保 2.0;行业标准比如 ISO 27001、PCI DSS。前端不是只写页面,责任包括:做 Cookie 和隐私同意;只收集必要数据;密码、身份证这些敏感信息不在前端存;用 HTTPS、CSP、SRI 保证传输和加载安全;日志和埋点要做脱敏。比如 GDPR 要求用户明确同意才能放非必要 Cookie,前端就要实现同意横幅和记录。
FB-44-CO-B-007:数据治理中前端需要承担哪些责任?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规、36 前端数据工程 标签:数据治理、数据隐私、数据质量、敏感数据 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 请说明数据治理的核心目标,以及前端在数据治理中应承担的具体责任。
参考答案:
数据治理(Data Governance)是指对数据的全生命周期进行规划、监督和控制,以保证数据的准确性、一致性、安全性、可用性和合规性。
数据治理的核心目标:
- 数据质量:准确、完整、及时、一致。
- 数据安全:防止未授权访问和泄露。
- 数据合规:满足隐私法规和行业标准。
- 数据可用:让正确的人在正确场景使用正确数据。
- 数据价值:支持业务决策和创新。
前端在数据治理中的责任:
| 责任领域 | 具体做法 |
|---|---|
| 数据分类分级 | 按敏感程度识别页面字段,区分公开、内部、敏感、机密 |
| 输入治理 | 表单校验、防 XSS、防注入、限制上传类型与大小 |
| 展示治理 | 敏感字段脱敏、权限控制显示、水印、防截屏提示 |
| 传输治理 | HTTPS、请求签名、Token 安全存储、防止中间人攻击 |
| 存储治理 | 不长期本地存储敏感数据,敏感缓存加密或禁用 |
| 埋点治理 | 埋点字段审批、避免采集 PII、匿名化 ID |
| 日志治理 | 错误日志脱敏、不上传用户隐私 |
评分维度:
- 目标理解(30%):能否说出数据治理的核心目标
- 前端责任(45%):能否从输入、展示、传输、存储、埋点等维度说明责任
- 实例说明(25%):能否举例说明脱敏、埋点治理等做法
常见错误:
- 认为数据治理只是 DBA 和数据团队的事。
- 只谈安全,不谈数据质量和可用性。
- 忽略前端埋点和日志中可能泄露的个人信息。
延伸追问:
- 如果候选人答对了,可追问:前端如何做敏感字段的展示脱敏?
- 如果候选人答错了,可引导:如果前端把用户手机号明文打在 console 里,会有什么问题?
相关题目:
参考资源:
口头回答版:
数据治理就是对数据全生命周期做管理,保证数据质量好、安全、合规、可用。前端的责任其实不少:输入端要做表单校验、防 XSS;展示端要对手机号、身份证做脱敏,按权限显示;传输端要用 HTTPS、Token 安全存;存储端敏感数据不长期放本地;埋点和日志要避免采集个人身份信息,或者匿名化。比如埋点里不能直接放用户手机号,要用哈希或者脱敏后的 ID。
FB-44-CO-B-008:什么是开源合规?前端使用开源库时应注意什么?
题型:概念题 难度:🟢 基础 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:合规、供应链、供应链安全、依赖审计 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 请解释开源合规的概念,并说明前端项目引入开源依赖时应注意的合规和安全问题。
参考答案:
开源合规(Open Source Compliance)是指企业在使用、修改、分发开源软件时,遵守相应开源许可证义务,避免法律风险和商业风险的治理活动。
前端使用开源库时的注意事项:
| 维度 | 注意点 |
|---|---|
| 许可证合规 | 识别许可证类型(MIT、Apache-2.0、GPL、LGPL 等),避免 GPL 污染闭源产品 |
| 商业限制 | 注意 SSPL、Elastic License 等带有商业限制的许可证 |
| 漏洞安全 | 使用 Snyk、npm audit、Dependabot 扫描已知 CVE |
| 供应链安全 | 验证包来源、锁定版本、使用私有 registry、检查恶意包 |
| 授权范围 | 是否允许修改、是否要求署名、是否要求开源衍生作品 |
| 二进制分发 | 前端打包后分发的是编译产物,仍需遵守源代码许可证的署名或声明义务 |
| 文档化 | 维护 SBOM(软件物料清单),记录所有依赖及许可证 |
高风险许可证示例:
- GPL-2.0/3.0:传染性 Copyleft,衍生作品可能需开源。
- AGPL:网络服务也可能触发开源义务。
- 自定义/双许可证:需仔细阅读商业条款。
评分维度:
- 概念准确性(35%):能否说明开源合规是遵守许可证义务
- 前端注意点(40%):能否从许可证、漏洞、供应链、SBOM 等维度说明
- 风险识别(25%):能否识别 GPL、AGPL 等高风险许可证
常见错误:
- 认为开源就是免费可随便用,忽略许可证义务。
- 只看功能是否满足,不看许可证和漏洞。
- 认为前端代码运行在浏览器,就不用管许可证。
延伸追问:
- 如果候选人答对了,可追问:GPL 许可证对前端项目有什么具体风险?
- 如果候选人答错了,可引导:如果公司把使用 GPL 库的代码打包进 SaaS,会有什么问题?
相关题目:
参考资源:
口头回答版:
开源合规就是企业用开源软件时,要遵守对应许可证的义务,避免法律和商业风险。前端用开源库要注意几件事:一是看许可证,MIT、Apache 比较宽松,GPL、AGPL 传染性很强,要小心;二是做漏洞扫描,用 npm audit、Snyk 这些工具;三是供应链安全,锁版本、用私有 registry、防恶意包;四是维护 SBOM,把所有依赖和许可证记下来;五是打包产物里如果包含开源代码,也要注意署名或声明义务。简单说,不是开源就能随便用。
进阶题(8 道)
FB-44-SC-A-001:如何在前端团队落地一套代码规范并保证执行?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:规范、代码质量、代码评审、工程化 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 假设你加入一个 50 人的前端团队,团队没有统一代码规范,代码风格差异大,CR 经常陷入风格争论。请设计一套可落地的代码规范治理方案。
参考答案:
治理方案可分为“定标准、建工具、嵌流程、做度量、持续迭代”五个阶段。
定标准(共识先行)
- 成立 3-5 人规范小组,包含各业务线代表。
- 基于团队技术栈选择基础规则:ESLint(airbnb/base/ts)、Prettier、Stylelint、commitlint。
- 区分“强制规则”和“推荐规则”,避免一刀切。
- 将规范文档化到内部 Wiki,并附上“为什么”。
建工具(自动化优先)
- 使用 flat config 或 legacy config 统一配置,放到共享包
@org/eslint-config。 - 在 IDE 中集成 ESLint/Prettier 自动修复。
- 在 Git hooks(husky + lint-staged)中做提交前检查。
- CI 中跑
eslint --max-warnings=0和 Prettier check,未通过禁止合并。
- 使用 flat config 或 legacy config 统一配置,放到共享包
嵌流程(强制约束)
- MR 模板中增加“规范检查项”清单。
- 代码评审聚焦设计和逻辑,不再讨论风格。
- 新规范先灰度试点一个项目,收集反馈后再推广。
做度量(数据驱动)
- 统计 ESLint 报错数、Prettier 失败率、规范遵从率。
- 在看板中展示各项目健康度,每月复盘。
持续迭代
- 每季度 review 一次规则,根据业务变化调整。
- 建立规则变更 RFC 流程,避免随意改规则。
示例配置:
// eslint.config.js
import orgConfig from '@org/eslint-config';
export default [
...orgConfig,
{
rules: {
// 项目级微调
'@typescript-eslint/no-explicit-any': 'warn',
},
},
];评分维度:
- 方案完整性(35%):是否覆盖标准、工具、流程、度量、迭代
- 可落地性(35%):是否有灰度试点、共享配置、CI 拦截等具体措施
- 团队阻力处理(30%):是否提到共识建设、不再争论风格、规则分级
常见错误:
- 直接全面推行,不考虑团队接受度和历史债务。
- 只配置工具,不配套文档和培训。
- 规范过于严苛,导致开发者绕过或频繁例外。
- 不在 CI 中拦截,仅靠自觉。
延伸追问:
- 如果候选人答对了,可追问:存量项目 ESLint 报错几千条,如何渐进式整改?
- 如果候选人答错了,可引导:如果规范只在文档里,CI 不检查,会发生什么?
相关题目:
参考资源:
口头回答版:
我会分五步落地:第一是定标准,成立规范小组,基于 airbnb 或 TypeScript 推荐规则,区分强制和推荐,写清楚为什么;第二是建工具,把 ESLint、Prettier 配置抽成共享包,IDE 自动修复,Git hooks 提交前检查;第三是嵌流程,CI 里必须过检查才能合并,CR 不再争论风格;第四是做度量,统计报错数、遵从率,每月复盘;第五是持续迭代,每季度 review 规则,新项目先试点再推广。存量项目报错多的话,可以分阶段设 warning 阈值,逐步收紧。
FB-44-SC-A-002:如何识别和量化前端技术债?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 / 专家 面试知识域:44 技术治理与合规 标签:技术债、代码质量、代码审计、风险评估 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 你负责一个大型前端项目,Leader 要求你盘点技术债并给出治理优先级。请说明你会如何识别和量化前端技术债。
参考答案:
识别技术债的方法:
| 方法 | 具体操作 | 可发现的债务类型 |
|---|---|---|
| 静态代码扫描 | SonarQube、CodeQL、ESLint 复杂度规则 | 代码坏味道、重复、复杂函数 |
| 架构分析 | 模块依赖图、循环依赖检测、ArchUnit | 架构债、耦合、边界破坏 |
| 测试覆盖分析 | 单元测试/集成测试覆盖率、变异测试 | 测试债 |
| 运行时监控 | 性能指标、错误率、慢页面 | 性能债、稳定性债 |
| 开发者反馈 | 技术债看板、Retro、痛点调研 | 流程债、工具债 |
| 依赖审计 | npm outdated、依赖扫描 | 基础设施债、安全债 |
量化技术债的指标:
| 指标 | 计算方式 | 用途 |
|---|---|---|
| 技术债指数(SonarQube) | 修复所有 issue 所需时间 / 开发总时间 | 宏观健康度 |
| 圈复杂度 | 函数/模块的 cyclomatic complexity | 代码可维护性 |
| 代码重复率 | 重复代码行数 / 总代码行数 | 维护成本 |
| 测试覆盖率 | 被测试覆盖的代码比例 | 质量信心 |
| 组件复用率 | 复用组件数 / 总组件数 | 设计一致性 |
| 依赖陈旧度 | 过期依赖数 / 总依赖数 | 安全风险和维护成本 |
| 页面性能指标 | LCP、FID/INP、CLS | 用户体验债 |
优先级排序方法:
- 影响 × 成本矩阵:高影响低成本的优先偿还。
- 与业务目标对齐:影响核心业务流程的债优先。
- 风险驱动:安全、合规相关债务优先。
评分维度:
- 识别方法(35%):能否从静态扫描、架构分析、测试、监控、反馈等维度识别
- 量化指标(35%):能否给出具体可计算的指标
- 优先级排序(30%):是否能结合影响、成本、业务目标、风险排序
常见错误:
- 只凭感觉说“这里代码很烂”,没有数据和指标。
- 只关注代码本身,忽略测试、架构、性能、依赖等维度。
- 试图一次性还清所有债,没有优先级。
延伸追问:
- 如果候选人答对了,可追问:技术债指数高一定代表项目不健康吗?
- 如果候选人答错了,可引导:如果一个函数 100 行但没有 Bug,这是技术债吗?
相关题目:
参考资源:
口头回答版:
识别技术债可以从六个方面入手:静态扫描看代码坏味道和复杂度;架构分析看模块耦合和边界破坏;测试覆盖看测试债;运行时监控看性能和错误;开发者反馈看流程和工具痛点;依赖审计看过期和漏洞依赖。量化可以用 SonarQube 技术债指数、圈复杂度、重复率、测试覆盖率、组件复用率、依赖陈旧度、性能指标这些。排优先级时用影响乘成本矩阵,和业务目标对齐,安全合规相关的优先还。
FB-44-SC-A-003:设计一个前端架构评审 checklist。
题型:场景设计题 难度:🟡 进阶 岗位层级:专家 面试知识域:44 技术治理与合规 标签:架构评审、架构治理、安全、性能 出现频率:中频 预计回答时长:8-12 分钟
题目描述: 请为前端项目设计一份实用的架构评审 checklist,覆盖常见评审维度,并说明每个维度需要关注的具体问题。
参考答案:
前端架构评审 checklist 可分为 8 个维度:
需求与范围
- [ ] 是否清晰定义了业务目标、用户场景和成功指标?
- [ ] 是否识别了核心功能与非核心功能?
- [ ] 是否评估了多端、多语言、多租户等特殊需求?
技术选型
- [ ] 框架/库选型是否匹配团队能力栈和长期生态?
- [ ] 渲染模式(CSR/SSR/SSG/Edge)选择是否有数据和理由?
- [ ] 是否评估了许可证和开源合规风险?
性能与体验
- [ ] 首屏指标(LCP/FCP)目标是否明确?
- [ ] 包体积是否有预算(Bundle Budget)?
- [ ] 是否设计了懒加载、预加载、缓存策略?
- [ ] 是否考虑弱网、离线、降级方案?
安全与合规
- [ ] 是否识别了敏感数据和隐私合规要求?
- [ ] XSS、CSRF、点击劫持等是否有防护措施?
- [ ] 是否配置 CSP、HTTPS、SRI、HSTS?
- [ ] 是否满足等保、GDPR、PIPL 等合规要求?
可维护性与质量
- [ ] 目录结构和模块边界是否清晰?
- [ ] 是否定义了组件/API/状态管理规范?
- [ ] 是否有测试策略(单元/集成/E2E)和覆盖率目标?
- [ ] 是否有文档和 onboarding 计划?
可扩展性
- [ ] 是否支持未来业务扩展和功能拆分?
- [ ] 微前端/模块联邦等方案是否必要且可行?
- [ ] API 契约设计是否稳定、版本化?
运维与观测
- [ ] 是否设计了监控、告警、日志和埋点方案?
- [ ] 是否有灰度发布、回滚、应急预案?
- [ ] 错误边界和降级展示是否完善?
协作与交付
- [ ] 前后端接口契约是否已确认?
- [ ] 跨团队依赖和发布顺序是否清晰?
- [ ] 是否有明确的时间计划和里程碑?
评审流程建议:
- 方案作者提前 2 天发出设计文档(RFC)。
- 评审会议控制在 60 分钟内,聚焦风险和决策。
- 评审结论分为:通过、有条件通过、不通过,并记录 Action Item。
评分维度:
- 维度覆盖度(40%):是否覆盖需求、选型、性能、安全、质量、扩展、运维、协作
- 问题具体性(35%):每个维度是否有可检查的具体问题
- 流程设计(25%):是否提到 RFC、评审结论分类、Action Item
常见错误:
- checklist 过于笼统,无法实际执行。
- 只关注技术先进性,忽略可维护性和团队能力。
- 没有区分“必须有”和“建议有”的项。
延伸追问:
- 如果候选人答对了,可追问:评审结论“有条件通过”后续如何跟踪?
- 如果候选人答错了,可引导:如果一个方案性能很好但完全不符合团队规范,该怎么评?
相关题目:
参考资源:
口头回答版:
前端架构评审 checklist 我分成八个维度:需求和范围要清楚业务目标和成功指标;技术选型要看框架匹配度、渲染模式、开源许可证;性能要看 LCP、包体积预算、懒加载缓存;安全合规要看敏感数据、XSS/CSRF、CSP、GDPR/PIPL;可维护性看目录结构、模块边界、测试策略、文档;可扩展性看未来拆分、微前端、API 版本化;运维观测看监控告警、灰度回滚、错误边界;协作交付看接口契约、跨团队依赖、里程碑。评审前先发 RFC,会议 60 分钟内聚焦风险,结论分通过、有条件通过、不通过,并记录 Action Item。
FB-44-SC-A-004:前端如何应对安全合规审计?
题型:场景设计题 难度:🟡 进阶 岗位层级:专家 面试知识域:44 技术治理与合规、31 安全架构 标签:安全、合规、代码审计、安全评审 出现频率:中频 预计回答时长:5-8 分钟
题目描述: 公司即将接受第三方安全合规审计,作为前端负责人,请说明你会如何准备和应对,重点包括哪些检查项。
参考答案:
应对安全合规审计可分为“准备阶段、迎审阶段、整改阶段”三个阶段。
准备阶段
- 梳理前端资产:项目清单、技术栈、依赖清单(SBOM)、域名、CDN。
- 识别合规要求:GDPR/PIPL/等保/行业监管对应前端的条款。
- 自查检查单:
- 敏感数据:前端是否存储、展示、传输敏感数据?
- 同意与告知:Cookie 横幅、隐私政策、用户授权是否完善?
- 安全头:CSP、HSTS、X-Frame-Options、X-Content-Type-Options 是否配置?
- 输入输出:XSS、CSRF、点击劫持防护是否到位?
- 依赖安全:已知 CVE、恶意包、许可证合规。
- 日志埋点:是否脱敏、是否采集 PII、保留期限是否符合要求?
- 准备证据:安全测试报告、渗透测试报告、代码审计报告、SBOM、变更记录。
迎审阶段
- 指定接口人,统一回答口径。
- 现场演示:用户同意流程、数据导出/删除流程、权限控制。
- 如实说明已发现问题和整改计划,避免隐瞒。
整改阶段
- 根据审计发现项建立 remediation plan,明确责任人和 deadline。
- 高风险项立即修复,中低风险项纳入排期。
- 复盘并完善安全基线和审计流程,形成长效机制。
常用工具:
- 漏洞扫描:Snyk、npm audit、Dependabot、Trivy。
- 代码审计:SonarQube、CodeQL、Semgrep。
- 安全测试:OWASP ZAP、Burp Suite。
- 合规检查:Lighthouse 安全评分、Mozilla Observatory。
评分维度:
- 阶段完整性(35%):是否覆盖准备、迎审、整改
- 检查项覆盖(35%):是否覆盖敏感数据、同意告知、安全头、依赖、日志等
- 证据与工具(30%):是否提到 SBOM、测试报告、扫描工具
常见错误:
- 认为审计只是后端和安全团队的事,前端不参与。
- 临时抱佛脚,没有建立常态化的安全合规机制。
- 对审计员隐瞒已知问题,导致信任危机。
延伸追问:
- 如果候选人答对了,可追问:审计发现前端日志里有明文手机号,如何整改和防止复发?
- 如果候选人答错了,可引导:如果审计员要求看前端如何处理用户 Cookie 同意,你需要展示什么?
相关题目:
参考资源:
口头回答版:
应对安全合规审计分三步:准备阶段先梳理前端资产和依赖清单,识别要满足的法规条款,按敏感数据、同意告知、安全头、XSS/CSRF、依赖安全、日志脱敏这些维度自查,准备好 SBOM、测试报告、代码审计报告;迎审阶段指定接口人,统一口径,现场演示用户同意、数据删除、权限控制这些流程;整改阶段把发现项分级,高风险立即修,中低风险排期,最后复盘完善基线。常用工具有 Snyk、npm audit、SonarQube、CodeQL、OWASP ZAP。
FB-44-SC-A-005:如何建立前端数据分类分级与访问控制机制?
题型:场景设计题 难度:🟡 进阶 岗位层级:专家 面试知识域:44 技术治理与合规 标签:数据治理、数据隐私、权限、敏感数据 出现频率:中频 预计回答时长:5-8 分钟
题目描述: 请设计一套前端数据分类分级与访问控制机制,说明分类标准、技术实现和控制策略。
参考答案:
- 数据分类分级标准
| 级别 | 定义 | 前端示例 |
|---|---|---|
| 公开(Public) | 可公开访问,泄露无风险 | 商品名称、公开帮助文档 |
| 内部(Internal) | 仅限公司内部使用 | 运营后台数据、非敏感业务指标 |
| 敏感(Sensitive) | 涉及用户隐私或业务机密 | 手机号、邮箱、地址、交易记录 |
| 高度敏感(Highly Sensitive) | 强监管或高价值数据 | 身份证号、银行卡号、密码、生物特征 |
前端访问控制机制
- 基于角色的权限控制(RBAC):页面级、菜单级、按钮级权限。
- 基于属性的权限控制(ABAC):结合用户属性、数据属性、环境属性动态判断。
- 路由守卫:未授权路由直接拦截。
- 组件级权限封装:如
<Permission roles={['admin']}>。 - 后端兜底:前端权限仅为体验优化,最终校验必须在服务端完成。
展示与传输控制
- 敏感字段默认脱敏:手机号
138****8888,身份证110**********1234。 - 按需展示:点击“查看完整信息”二次授权并记录审计日志。
- 水印:后台页面展示用户名或工号水印,防止截图泄露。
- 传输加密:HTTPS 必选,高度敏感数据额外加密或走专用通道。
- 敏感字段默认脱敏:手机号
技术实现示例
// 数据分级枚举
export enum DataLevel {
Public = 'public',
Internal = 'internal',
Sensitive = 'sensitive',
HighlySensitive = 'highly-sensitive',
}
// 脱敏工具
export function maskPhone(phone: string): string {
return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
}
// 权限组件
function Permission({ level, children }: { level: DataLevel; children: React.ReactNode }) {
const userLevel = useUserDataLevel();
if (userLevel < level) return null;
return children;
}- 治理配套
- 字段级元数据标注每个数据项的级别。
- 自动化扫描:检测前端代码中是否明文展示敏感字段。
- 审计日志:记录查看、复制、导出敏感数据的行为。
评分维度:
- 分类分级标准(30%):是否有清晰的分级和示例
- 访问控制设计(30%):是否覆盖 RBAC/ABAC、路由、组件、后端兜底
- 展示与传输(25%):是否提到脱敏、水印、加密、按需展示
- 治理配套(15%):是否提到元数据、扫描、审计
常见错误:
- 只在前端做权限控制,忽略服务端最终校验。
- 敏感数据不脱敏直接展示。
- 分类标准过于简单,无法覆盖实际业务场景。
延伸追问:
- 如果候选人答对了,可追问:前端权限控制被绕过怎么办?
- 如果候选人答错了,可引导:如果一个后台页面展示了完整手机号,应该怎么做?
相关题目:
参考资源:
口头回答版:
我会把数据分成公开、内部、敏感、高度敏感四级,比如商品名称是公开,手机号是敏感,身份证和银行卡是高度敏感。访问控制用 RBAC 做页面菜单按钮权限,复杂场景用 ABAC 动态判断,前端路由守卫拦截,组件封装权限,但服务端必须最终校验。展示上敏感字段默认脱敏,点击看完整要二次授权并记审计日志;后台页面加水印;传输用 HTTPS,高度敏感走额外加密。技术上给字段打元数据标注级别,再用自动化扫描检测明文展示敏感字段的情况。
FB-44-EN-A-001:如何通过 CI/CD 流水线实现技术治理的自动化?
题型:工程化题 难度:🟡 进阶 岗位层级:专家 面试知识域:44 技术治理与合规、12 CI/CD 标签:工程化、代码质量、代码审计、依赖审计 出现频率:中频 预计回答时长:5-8 分钟
题目描述: 请设计一条前端 CI/CD 流水线,将代码规范、质量、安全、合规检查自动化,并说明每个阶段的拦截策略。
参考答案:
前端治理型 CI/CD 流水线可分为 6 个阶段:
代码提交 → 静态检查 → 测试验证 → 构建产物 → 安全合规扫描 → 部署上线代码提交阶段
- Git hooks(husky + lint-staged):提交前跑 Prettier、ESLint、commitlint,失败禁止提交。
- 分支保护:main/develop 分支禁止直接推送,必须通过 MR/PR。
静态检查阶段
- ESLint / Stylelint / Prettier check,设置
--max-warnings=0。 - TypeScript 类型检查
tsc --noEmit。 - 代码变更量检查:单次 MR 不超过 800 行,避免大 PR。
- ESLint / Stylelint / Prettier check,设置
测试验证阶段
- 单元测试(Jest/Vitest)设覆盖率门槛,如行覆盖 80%、分支覆盖 70%。
- 集成测试/E2E 测试针对核心链路。
- 测试失败或覆盖率不达标禁止合并。
构建产物阶段
- 构建失败直接拦截。
- Bundle 分析:对比基线包体积,超过阈值告警或拦截。
安全合规扫描阶段
- 依赖扫描:npm audit、Snyk、Dependabot,发现高危 CVE 拦截。
- 许可证扫描:FOSSA、Black Duck,识别 GPL/AGPL 等高风险许可证。
- 代码审计:SonarQube、CodeQL、Semgrep,发现安全漏洞和坏味道。
- 密钥扫描:GitLeaks、TruffleHog,防止密钥提交。
部署上线阶段
- 灰度发布、蓝绿部署、金丝雀发布。
- 部署后自动跑 smoke test 和监控告警。
拦截策略:
- 硬拦截:构建失败、测试失败、高危漏洞、许可证风险。
- 软拦截:覆盖率下降、中危漏洞、包体积增长,需人工确认。
评分维度:
- 阶段设计(35%):是否覆盖提交、静态检查、测试、构建、安全、部署
- 拦截策略(30%):是否有硬拦截和软拦截的区分
- 工具覆盖(20%):是否提到 lint、测试、依赖扫描、许可证扫描、密钥扫描
- 前端特殊性(15%):是否提到 bundle 分析、TypeScript 类型检查
常见错误:
- 只把 CI/CD 当成构建部署工具,不做治理嵌入。
- 所有检查都设为硬拦截,导致团队频繁绕过。
- 忽略许可证和密钥扫描。
延伸追问:
- 如果候选人答对了,可追问:如何处理 npm audit 大量误报导致 CI 频繁失败?
- 如果候选人答错了,可引导:如果每次合并都发现代码风格问题,应该在哪个阶段解决?
相关题目:
参考资源:
口头回答版:
我会把治理嵌入到 CI/CD 每个阶段:提交阶段用 husky 和 lint-staged 做 Prettier、ESLint、commitlint;静态检查阶段跑 TS 类型检查和代码规范;测试阶段设覆盖率门槛;构建阶段做 bundle 分析,体积超阈值告警;安全合规阶段用 npm audit、Snyk 扫依赖漏洞,用 FOSSA 扫许可证,用 CodeQL、SonarQube 做代码审计,用 GitLeaks 扫密钥;部署阶段做灰度和 smoke test。硬拦截包括构建失败、高危漏洞、高风险许可证;软拦截比如覆盖率下降、中危漏洞,需要人工确认。
FB-44-SS-A-001:技术治理委员会通常由哪些角色组成?职责是什么?
题型:软技能题 难度:🟡 进阶 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:技术治理、架构治理、沟通、风险评估 出现频率:低频 预计回答时长:5-8 分钟
题目描述: 请说明技术治理委员会(Technology Governance Committee)的典型组成角色及其职责,并说明前端负责人在其中可以发挥什么作用。
参考答案:
技术治理委员会是负责制定技术战略、审批重大技术决策、监督技术风险和合规落地的跨职能组织。
典型组成角色:
| 角色 | 主要职责 |
|---|---|
| CTO/技术 VP | 委员会主席,对最终技术战略和风险负责 |
| 架构师代表 | 制定和评审架构标准、技术路线 |
| 前端负责人 | 前端规范、框架选型、性能基线、安全合规 |
| 后端/平台负责人 | 服务架构、基础设施、数据治理 |
| 安全负责人 | 安全基线、合规要求、风险评估 |
| 数据/合规负责人 | 数据治理、隐私合规、审计配合 |
| 产品经理/业务代表 | 业务优先级输入、技术投入的商业价值评估 |
| SRE/运维代表 | 稳定性、可观测性、灾备、发布策略 |
委员会主要职责:
- 制定和审批技术规范、标准和路线图。
- 评审重大技术选型、架构方案和重构计划。
- 监督技术债、安全、合规风险,并决策资源投入。
- 处理跨团队技术争议和例外审批。
- 定期 review 治理度量指标并推动改进。
前端负责人在委员会中的作用:
- 代表前端领域发声,避免后端思维主导所有决策。
- 推动前端规范、组件库、性能基线、安全合规的立项。
- 将业务需求转化为前端技术投入建议,例如 SSR、微前端、国际化。
- 协调跨团队前端标准落地,防止各业务线重复造轮子。
评分维度:
- 角色识别(35%):能否说出 5 个以上关键角色
- 职责理解(35%):能否说明规范制定、方案评审、风险决策等职责
- 前端价值(30%):能否说明前端负责人在委员会中的独特作用
常见错误:
- 认为委员会只是技术领导的“决策会”,忽略跨职能角色。
- 前端负责人只作为旁听,不主动争取话语权。
- 职责描述过于宽泛,没有具体可执行的内容。
延伸追问:
- 如果候选人答对了,可追问:委员会决策和一线团队执行出现冲突时怎么办?
- 如果候选人答错了,可引导:如果一个后端主导的委员会决定全栈用某框架,前端负责人该做什么?
相关题目:
参考资源:
口头回答版:
技术治理委员会一般包括 CTO 或技术 VP 当主席,架构师、前端负责人、后端负责人、安全负责人、数据合规负责人、产品经理、SRE 这些角色。职责是制定技术规范和路线图,评审重大选型和架构方案,监督技术债和安全合规风险,处理跨团队争议,定期看治理指标。前端负责人在里面要代表前端领域发声,推动前端规范、组件库、性能基线、安全合规立项,把业务需求转化成前端技术投入建议,比如要不要上 SSR、微前端、国际化,防止各业务线重复造轮子。
FB-44-CP-A-001:如何平衡业务交付与技术债偿还?
题型:综合开放题 难度:🟡 进阶 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:技术债、风险评估、沟通、代码质量 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 业务方要求快速上线新功能,但代码中已经积累了明显技术债。作为技术负责人,你会如何平衡业务交付与技术债偿还?
参考答案:
平衡业务交付与技术债偿还的核心是:把技术债显性化、风险化、计划化,让业务方理解“不还债的成本”,而不是对立。
技术债显性化
- 盘点技术债:列出清单,说明位置、影响范围、偿还成本、不偿还的风险。
- 量化影响:用延迟、Bug 率、开发效率、客户投诉、安全合规风险等指标说话。
- 可视化:在技术债看板上展示 TOP 风险债务。
风险分层与优先级
- 高风险:安全合规、稳定性、核心链路阻塞,必须尽快还。
- 中风险:影响扩展性和效率,可分期偿还。
- 低风险:纯代码风格或局部重构,可随需求迭代顺带处理。
融入迭代节奏
- 预留技术债预算:每个迭代预留 10%-20% 时间用于还债或重构。
- 顺手牵羊:在修改相关模块时,顺手重构附近代码(童子军法则)。
- 专项重构:对于大型债务,申请独立项目或技术 OKR。
与业务方沟通
- 用业务语言翻译技术风险,例如“这个模块继续硬编码,下次活动上线需要多 3 天”。
- 提供可选方案:立即还、分期还、临时方案+还债计划。
- 争取关键干系人支持,将技术健康度纳入团队目标。
建立长效机制
- 新功能开发时要求“最小可用+可扩展”。
- CR 中设立“是否引入新债务”的检查项。
- 定期复盘技术债增长趋势。
评分维度:
- 平衡思路(35%):是否理解不能非此即彼,需要协商和计划
- 优先级方法(30%):是否能按风险分层并给出偿还策略
- 沟通能力(20%):是否能用业务语言解释技术债成本
- 长效机制(15%):是否提到预算、童子军法则、复盘
常见错误:
- 一味拒绝业务需求,主张停下来大规模重构。
- 完全迁就业务,持续累积债务直到系统崩溃。
- 只谈“代码很烂”,不能用业务成本说明问题。
延伸追问:
- 如果候选人答对了,可追问:如果业务方坚持不排期还债,你会怎么办?
- 如果候选人答错了,可引导:技术债最终是由谁买单?
相关题目:
参考资源:
口头回答版:
平衡业务交付和还债,关键是把技术债显性化、风险化、计划化。首先要盘点清单,量化成 Bug 率、开发效率、客户投诉、安全风险这些业务能懂的语言。然后按风险分层:安全合规和稳定性问题必须尽快还;影响扩展性的分期还;低风险的风格问题顺带处理。具体做法是每个迭代预留 10% 到 20% 还债时间,改相关模块时顺手重构,大型债务申请专项 OKR。和业务方沟通不要用“代码很烂”,而要说“继续硬编码下次活动上线要多三天”,给几个可选方案。最后建立长效机制,CR 里检查是否引入新债务,定期复盘。
深入题(7 道)
FB-44-SD-P-001:设计一个前端技术治理平台。
题型:系统设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:技术治理、架构治理、代码质量、数据治理 出现频率:低频 预计回答时长:15-25 分钟
题目描述: 请设计一个面向大型前端组织的技术治理平台,能够支撑规范落地、代码质量、技术债、安全合规、数据治理等多维度治理需求。
参考答案:
平台目标与定位
- 目标:将分散的治理动作集中化、自动化、可视化,降低治理成本,提升技术健康度。
- 用户:前端开发、技术负责人、架构师、安全/合规/审计人员。
核心模块设计
| 模块 | 功能 | 数据来源 |
|---|---|---|
| 资产中心 | 项目/应用/组件/依赖清单、技术栈、负责人 | GitLab/GitHub、CMDB、npm registry |
| 规范中心 | 编码规范、目录规范、API 规范、发布规范 | 规范文档、ESLint/Prettier 配置 |
| 质量中心 | 代码扫描、测试覆盖率、圈复杂度、重复率 | SonarQube、CodeQL、CI pipeline |
| 技术债中心 | 债务录入、评估、偿还计划、趋势看板 | 扫描结果、人工录入、Jira |
| 安全合规中心 | 漏洞扫描、许可证扫描、合规检查、整改跟踪 | Snyk、npm audit、FOSSA、自研规则 |
| 数据治理中心 | 敏感字段识别、数据分级、访问日志、埋点审计 | 前端代码扫描、运行时 SDK |
| 架构评审中心 | RFC 管理、评审流程、Action Item 跟踪 | 设计文档、会议纪要 |
| 度量看板 | 健康度评分、趋势图、对比分析、治理报告 | 各模块汇总 |
数据采集层
- Git 事件:提交、MR、分支、代码变更。
- CI/CD 事件:构建、测试、扫描结果。
- 运行时数据:性能指标、错误日志、用户行为(需脱敏)。
- 人工录入:技术债、架构决策、例外审批。
规则引擎
- 支持可配置的治理规则,例如:
- 若项目 30 天内未更新依赖,标记为“依赖陈旧”。
- 若代码中直接出现
localStorage.setItem('token', ...),标记为“敏感数据存储风险”。 - 若测试覆盖率低于 60%,禁止合并。
- 规则分级:强制(红线)、推荐(黄线)、观察(提示)。
- 支持可配置的治理规则,例如:
工作流与通知
- 问题自动创建工单(Jira/飞书/钉钉)。
- 按项目/团队/个人推送治理周报。
- 重大问题升级到治理委员会。
可视化与报告
- 组织级/项目级/个人级健康度评分。
- 技术债趋势、安全漏洞趋势、合规达标率。
- 可导出审计报告,支持第三方审计。
扩展性设计
- 插件化扫描器:方便接入新的 lint 工具或安全扫描器。
- Open API:供其他系统(如发布平台)调用治理结果。
- 多租户:支持多个事业部分区管理。
评分维度:
- 模块完整性(35%):是否覆盖资产、规范、质量、技术债、安全合规、数据治理、评审、度量
- 数据与规则设计(25%):是否能说明数据来源、规则引擎、分级
- 可落地性(25%):是否提到 CI 集成、工单、通知、报告
- 扩展性(15%):是否考虑插件化、Open API、多租户
常见错误:
- 平台设计成大而全的“数据仓库”,没有闭环。
- 忽略数据来源和采集成本。
- 没有区分不同用户角色的关注点。
延伸追问:
- 如果候选人答对了,可追问:如何防止治理平台本身变成团队的负担?
- 如果候选人答错了,可引导:治理平台和不治理时各业务线自己维护 Excel 有什么区别?
相关题目:
参考资源:
口头回答版:
前端技术治理平台我会设计成八个核心模块:资产中心管项目、组件、依赖、技术栈;规范中心管编码、目录、API、发布规范;质量中心接 SonarQube、CodeQL 做代码扫描;技术债中心做债务录入、评估、偿还计划;安全合规中心接 Snyk、npm audit、FOSSA 做漏洞和许可证扫描;数据治理中心识别敏感字段、数据分级、访问日志;架构评审中心管理 RFC 和 Action Item;最后度量看板汇总健康度评分和趋势。底层用规则引擎配置红线、黄线、提示三级规则,问题自动推工单,重大风险升级到委员会。扩展性上做成插件化扫描器和 Open API,支持多事业部分区。
FB-44-SD-P-002:如何设计前端灾备与业务连续性方案?
题型:系统设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规、22 部署与 SRE 标签:风险、风险评估、工程化、部署 出现频率:低频 预计回答时长:15-25 分钟
题目描述: 请设计一套前端应用的灾备(Disaster Recovery)与业务连续性(Business Continuity)方案,覆盖常见故障场景和恢复策略。
参考答案:
风险识别与业务影响分析(BIA)
- 识别前端关键页面:登录、支付、首页、核心业务流程。
- 定义 RTO(恢复时间目标)和 RPO(恢复点目标)。
- 评估故障影响:页面不可访问、静态资源加载失败、API 不可用、CDN 故障。
架构层面高可用
- 多地域部署:静态资源托管到多个 CDN 节点或对象存储区域。
- 多 CDN 厂商:主 CDN 故障时自动切换到备用 CDN。
- 边缘渲染:利用 Edge SSR/Edge Function 降低源站依赖。
- 离线化:PWA Service Worker 缓存核心资源,支持弱网/离线访问。
静态资源灾备
- 资源版本化与长期缓存:文件名带 hash,避免更新时缓存污染。
- 资源冗余:关键 JS/CSS 在多个 CDN/存储桶同步。
- SRI(Subresource Integrity):防止 CDN 被篡改后加载恶意资源。
API 与数据灾备
- 后端多活或异地多活:前端通过 DNS/负载均衡自动切换。
- 接口降级:核心接口失败时返回静态兜底数据或简化流程。
- 本地缓存:IndexedDB/LocalStorage 缓存用户关键状态,失败后可恢复。
发布与回滚
- 灰度发布、蓝绿部署、金丝雀发布,降低发布故障影响面。
- 一键回滚:保留上一版本静态资源,支持分钟级回滚。
- 版本管理:通过 URL 参数或配置中心控制流量切换。
监控与应急响应
- 实时监控:页面可用性、JS 错误率、资源加载失败率、API 成功率。
- 告警分级:P0 立即电话告警,P1 短信/IM,P2 邮件。
- 应急预案:明确故障发现、定位、止损、恢复、复盘流程。
演练与验证
- 定期灾备演练:模拟 CDN 故障、API 宕机、发布回滚。
- 混沌工程:随机注入故障验证系统韧性。
- 演练后更新应急预案和 RTO/RPO 目标。
评分维度:
- 风险识别(25%):是否能识别前端关键页面和故障场景
- 架构设计(30%):是否覆盖多地域、多 CDN、离线化、边缘渲染
- 恢复策略(25%):是否提到 RTO/RPO、灰度、回滚、降级
- 监控与演练(20%):是否提到监控告警、应急预案、灾备演练
常见错误:
- 只关注后端灾备,忽略前端静态资源和 CDN 故障。
- 没有定义 RTO/RPO,方案无法量化。
- 只做预案不演练,真实故障时无法执行。
延伸追问:
- 如果候选人答对了,可追问:CDN 被劫持时,前端如何保护用户?
- 如果候选人答错了,可引导:如果主 CDN 全站故障,用户打开页面白屏,你怎么办?
相关题目:
参考资源:
口头回答版:
前端灾备和业务连续性方案先做 BIA,识别登录、支付、首页这些关键页面,定义 RTO 和 RPO。架构上静态资源多地域多 CDN 部署,主 CDN 故障自动切换,关键资源加 SRI 防篡改;用 PWA Service Worker 做离线缓存;API 走多活或负载均衡,失败时做接口降级和本地缓存。发布用灰度、蓝绿、金丝雀,保留旧版本支持一键回滚。监控上实时看页面可用性、JS 错误率、API 成功率,告警分级,配套应急预案。最后要定期做灾备演练和混沌工程,验证方案有效。
FB-44-SC-P-001:如何建立前端开源合规治理体系?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:合规、供应链、供应链安全、依赖审计 出现频率:中频 预计回答时长:8-12 分钟
题目描述: 公司前端项目大量使用 npm 开源依赖,近期收到法务提醒存在许可证风险。请设计一套前端开源合规治理体系。
参考答案:
开源合规治理体系可分为“发现、评估、审批、使用、监控、处置”六个阶段。
发现(Inventory)
- 生成 SBOM(Software Bill of Materials):记录所有直接和传递依赖的名称、版本、许可证、来源。
- 工具:npm ls、license-checker、FOSSA、Snyk、Black Duck。
- 与 CI 集成:每次构建自动生成 SBOM 并归档。
评估(Assessment)
- 建立许可证风险分级:
- 绿色:MIT、Apache-2.0、BSD 等宽松许可证。
- 黄色:MPL、LGPL 等有限 Copyleft,需评估链接方式。
- 红色:GPL、AGPL、SSPL、自定义商业限制许可证,原则上禁止引入。
- 识别双许可证、修改版许可证、附加条款。
- 建立许可证风险分级:
审批(Approval)
- 建立开源软件引入审批流程(OSRB,Open Source Review Board)。
- 高风险依赖需法务、安全、架构共同审批。
- 审批结果写入内部许可证知识库。
使用(Usage)
- 禁止私自引入未经审批的依赖。
- 对高风险依赖进行隔离或替代:
- GPL 库:寻找 MIT/Apache 替代品,或改为服务端调用。
- 必需但风险高的库:申请例外并制定隔离策略。
- 保留许可证声明和 NOTICE 文件。
监控(Monitoring)
- CI 中扫描新增依赖的许可证。
- 依赖变更(升级、新增)触发重新审批。
- 定期全量扫描,识别许可证变更和 CVE。
处置(Remediation)
- 发现违规立即停用或替换。
- 对历史违规进行法务评估和商业补救。
- 复盘并完善准入流程。
治理组织:
- 开源合规委员会:制定政策、审批例外、处理重大风险。
- 前端技术负责人:执行扫描、推动整改、培训团队。
- 法务/安全:提供专业风险评估。
评分维度:
- 体系完整性(35%):是否覆盖发现、评估、审批、使用、监控、处置
- 许可证风险识别(30%):能否区分宽松、Copyleft、商业限制许可证
- 可落地性(25%):是否提到 SBOM、CI 扫描、OSRB、审批流
- 前端适配(10%):是否提到 npm 依赖树、传递依赖处理
常见错误:
- 只扫描直接依赖,忽略传递依赖。
- 只看许可证名称,不看具体版本和附加条款。
- 认为前端运行在浏览器就无需遵守许可证。
延伸追问:
- 如果候选人答对了,可追问:LGPL 库作为 npm 依赖被 Webpack 打包,会有什么风险?
- 如果候选人答错了,可引导:如果一个依赖许可证写着“仅供非商业使用”,公司 SaaS 产品能用吗?
相关题目:
参考资源:
口头回答版:
开源合规治理分六步:发现阶段生成 SBOM,记录所有直接和传递依赖的许可证;评估阶段把许可证分绿黄红三级,MIT/Apache 绿色,LGPL 黄色要评估,GPL/AGPL/SSPL 红色原则上禁止;审批阶段成立 OSRB,高风险依赖要法务安全架构一起审;使用阶段禁止私自引入,GPL 类尽量替换或改服务端调用;监控阶段 CI 扫新增依赖,定期全量扫;处置阶段违规立即停用替换并复盘。前端要特别注意 npm 的传递依赖,不能只看 package.json 里直接写的。
FB-44-SC-P-002:如何设计和实施前端 IT 内控?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:合规、风险、代码审计、操作审计 出现频率:低频 预计回答时长:8-12 分钟
题目描述: 请说明前端 IT 内控(IT Internal Control)的关键控制点,并设计一套可在前端团队落地的内控机制。
参考答案:
IT 内控是指通过制度、流程和技术手段,保证信息技术活动符合公司政策、法规和风险管理要求,确保信息资产安全、系统可靠、操作可审计。
前端 IT 内控的关键控制点:
| 控制领域 | 关键控制点 | 前端具体措施 |
|---|---|---|
| 访问控制 | 最小权限、职责分离 | 代码仓库权限按项目/角色分配;生产环境发布权限与开发权限分离 |
| 变更管理 | 变更审批、可追溯 | 所有代码变更通过 MR/PR,强制 Code Review,禁止直接推送 main |
| 开发安全 | 安全编码、漏洞管理 | 安全编码规范、SAST/DAST 扫描、依赖漏洞修复 SLA |
| 数据保护 | 敏感数据识别与保护 | 前端数据分级、脱敏、加密传输、本地不存敏感数据 |
| 运维控制 | 发布审批、回滚 | 灰度发布、发布审批流、一键回滚、发布窗口 |
| 审计与监控 | 操作日志、异常检测 | Git 操作日志、CI/CD 日志、生产变更日志、敏感操作审计 |
| 配置管理 | 配置安全、版本化 | 环境变量分离、密钥不提交仓库、配置变更审批 |
落地机制设计:
制度层
- 制定《前端开发安全规范》《前端发布管理规范》《前端代码仓库管理规范》。
- 明确角色职责:开发、Reviewer、发布负责人、安全接口人。
流程层
- 变更流程:需求 → 设计评审 → 开发 → CR → 测试 → 发布审批 → 灰度 → 全量 → 复盘。
- 例外流程:紧急 hotfix 需事后 24 小时内补审批和复盘。
- 权限申请与回收流程:入职/转岗/离职自动触发权限变更。
技术层
- 分支保护、强制 Code Review、CI 强制检查。
- Secrets 扫描(GitLeaks)、依赖扫描、SAST。
- 操作审计:记录代码提交、MR 合并、生产发布、配置变更。
- 发布平台:所有生产发布通过统一平台,禁止本地直接发布。
监督层
- 季度内控自查:抽样检查 MR、发布记录、权限分配。
- 内部审计:配合内审部门提供证据和日志。
- 缺陷整改:发现控制缺陷后建立整改计划并跟踪。
评分维度:
- 控制点覆盖(35%):是否覆盖访问控制、变更管理、安全、数据、运维、审计、配置
- 三层落地(30%):是否能从制度、流程、技术三个层面设计
- 可审计性(20%):是否强调日志、审批、追溯
- 前端适配(15%):是否结合前端仓库、发布、配置等特点
常见错误:
- 把 IT 内控等同于安全,忽略流程和审计。
- 只写制度不落地,缺乏技术控制。
- 控制点过多过严,严重影响开发效率。
延伸追问:
- 如果候选人答对了,可追问:紧急 hotfix 绕过正常流程,内控如何兜底?
- 如果候选人答错了,可引导:如果一个开发可以直接推送 main 分支并发布生产,存在哪些内控缺陷?
相关题目:
参考资源:
口头回答版:
前端 IT 内控要保证信息技术活动符合公司政策和风险管理。关键控制点包括:访问控制按项目角色分配仓库权限,生产和开发权限分离;变更管理所有代码走 MR 和 Code Review,禁止直接推 main;开发安全要有安全编码规范和 SAST 扫描;数据保护要分级脱敏、敏感数据不存本地;运维控制要灰度发布、发布审批、一键回滚;审计监控要记录 Git、CI、发布、配置变更;配置管理要环境变量分离、密钥不进仓库。落地分四层:制度层定规范,流程层定义变更和例外流程,技术层做分支保护、扫描、审计日志、统一发布平台,监督层做季度自查和配合内审。
FB-44-CP-P-001:技术规范如何从制定到失效进行全生命周期管理?
题型:综合开放题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:规范、标准、技术治理、架构治理 出现频率:低频 预计回答时长:8-12 分钟
题目描述: 请描述技术规范的全生命周期管理过程,包括制定、发布、推广、执行、评审、更新、废止各环节的关键活动。
参考答案:
技术规范的全生命周期管理可分为 7 个阶段:
需求识别
- 来源:项目痛点、新技术引入、合规要求、审计发现、行业最佳实践。
- 输出:规范立项申请,说明背景、范围、预期收益。
制定(Draft)
- 成立起草小组,包含规范影响范围内的代表。
- 参考行业标准、开源社区实践、公司内部案例。
- 区分“必须遵守”和“推荐遵守”。
- 输出:规范草案 + 示例 + FAQ。
评审与共识(Review)
- 技术评审:架构师、安全、性能、业务代表参与。
- 公开征求意见:通过 RFC、内部论坛收集反馈。
- 达成共识后由治理委员会审批。
发布与推广(Publish)
- 正式发布到规范中心/Wiki,标注版本和生效日期。
- 配套培训、技术分享、Q&A。
- 在脚手架、模板、IDE 配置中内置规范。
执行与监督(Enforce)
- 自动化检查:ESLint、Prettier、CI 拦截。
- 人工检查:CR、架构评审、审计。
- 度量:规范遵从率、违规数、整改率。
评审与更新(Review & Update)
- 定期 review:建议每季度或每半年一次。
- 触发更新条件:技术栈升级、业务变化、法规更新、审计发现。
- 更新流程与制定流程一致,避免随意变更。
废止与归档(Retire)
- 当规范被替代、技术过时、范围失效时,走废止流程。
- 明确废止日期、替代规范、迁移指南。
- 归档历史版本,便于审计追溯。
关键成功因素:
- 规范不是越多越好,要可执行、可度量。
- 规范制定必须有利益相关方参与,避免“拍脑袋”。
- 规范的权威性来自治理委员会的背书和执行的刚性。
评分维度:
- 生命周期完整性(40%):是否覆盖 7 个阶段
- 阶段活动具体(30%):每个阶段是否有具体活动
- 治理机制(20%):是否提到 RFC、委员会审批、定期 review
- 废止处理(10%):是否提到规范的退出和归档
常见错误:
- 只关注制定和发布,忽略推广、执行、更新、废止。
- 规范长期不更新,导致与实际脱节。
- 废止不规范,旧规范和新规范并存造成混乱。
延伸追问:
- 如果候选人答对了,可追问:规范更新时如何平衡既有项目的迁移成本?
- 如果候选人答错了,可引导:如果一个规范已经 3 年没更新,会出现什么问题?
相关题目:
参考资源:
口头回答版:
技术规范全生命周期分七步:需求识别,从项目痛点、新技术、合规要求里找立项;制定阶段成立起草小组,参考行业标准,区分必须和推荐;评审阶段走 RFC 征求意见,治理委员会审批;发布阶段配培训、技术分享,在脚手架里内置规范;执行阶段用 ESLint、CI 自动检查加 CR 人工检查,量遵从率;更新阶段定期 review,技术栈或法规变了就触发更新;废止阶段明确替代规范和迁移指南,归档历史版本。关键是规范要少而精、可执行、可度量,制定要有利益相关方参与,权威性来自委员会背书和刚性执行。
FB-44-SC-P-003:如何处理历史遗留系统的数据治理与隐私合规?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:数据治理、数据隐私、隐私合规、合规 出现频率:中频 预计回答时长:8-12 分钟
题目描述: 公司有一批历史遗留前端系统,代码老旧、文档缺失,其中可能涉及敏感数据处理不合规。请设计一套整改方案。
参考答案:
处理历史遗留系统的数据治理与隐私合规,可分为“盘点、风险评估、分期整改、验证、长效机制”五个阶段。
盘点(Inventory)
- 建立系统清单:项目名、技术栈、负责人、上线时间、用户量、数据量级。
- 数据流梳理:前端采集了哪些数据?流向哪里?存储多久?
- 敏感字段识别:通过代码扫描和运行时抓包,找出手机号、身份证、地址、Cookie、Token 等。
- 第三方依赖:识别第三方 SDK、埋点、广告、统计工具是否合规采集数据。
风险评估(Risk Assessment)
- 按数据敏感度和系统重要性打分。
- 识别高风险点:
- 明文存储敏感数据到 localStorage/cookie。
- 埋点上传 PII。
- 第三方 SDK 未经授权采集数据。
- 缺乏用户同意和告知机制。
- 输出风险矩阵和整改优先级。
分期整改(Remediation)
- 短期(1-4 周):止血措施
- 关闭不合规的埋点字段。
- 对敏感字段立即脱敏。
- 补充用户同意和隐私政策入口。
- 中期(1-3 个月):结构性修复
- 替换不安全的存储方式,敏感数据改走服务端 session。
- 引入数据分类分级和访问控制。
- 统一埋点 SDK,接入审批和脱敏机制。
- 长期(3-12 个月):系统重构或下线
- 对无法整改的系统,规划迁移或下线。
- 建立遗留系统治理台账,定期 review。
- 短期(1-4 周):止血措施
验证(Verification)
- 代码审计:确认敏感字段处理符合规范。
- 运行时验证:抓包检查是否有明文 PII 流出。
- 合规确认:法务/合规团队 review 用户同意流程和隐私政策。
长效机制
- 新增系统必须通过数据合规准入检查。
- 定期进行隐私影响评估(PIA/DPIA)。
- 建立数据事件响应流程。
评分维度:
- 阶段完整性(35%):是否覆盖盘点、评估、整改、验证、长效机制
- 风险识别(25%):能否识别常见遗留系统数据合规风险
- 分期策略(25%):是否有短期止血、中期修复、长期重构的分层计划
- 可验证性(15%):是否提到代码审计、运行时抓包、合规 review
常见错误:
- 一上来就全面重构,忽视业务连续性和成本。
- 只做代码层面整改,不做运行时验证。
- 忽略第三方 SDK 和埋点的合规风险。
延伸追问:
- 如果候选人答对了,可追问:如果业务方拒绝为遗留系统投入整改资源,你怎么办?
- 如果候选人答错了,可引导:历史系统里最危险的数据合规问题通常藏在哪里?
相关题目:
参考资源:
口头回答版:
处理历史遗留系统数据合规分五步:盘点阶段建系统清单,梳理数据流,识别敏感字段和第三方 SDK;风险评估阶段按敏感度和重要性打分,找出明文存储、埋点传 PII、缺乏同意机制这些高风险点;整改阶段分短期止血,比如关不合规埋点、脱敏、补隐私政策;中期做结构性修复,比如替换本地敏感存储、统一埋点 SDK、加访问控制;长期规划迁移或下线。验证阶段做代码审计、运行时抓包、法务 review。长效机制是新增系统必须过数据合规准入,定期做隐私影响评估。
FB-44-SC-P-004:如何设计前端审计与风控日志体系?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 / 架构师 面试知识域:44 技术治理与合规 标签:操作审计、代码审计、风险、安全 出现频率:低频 预计回答时长:8-12 分钟
题目描述: 请设计一套前端审计与风控日志体系,覆盖操作审计、安全审计和合规审计的需求。
参考答案:
前端审计与风控日志体系的目标是:记录“谁在什么时间、通过什么设备、做了什么操作、结果如何”,支撑事后追溯、异常检测和合规举证。
- 日志类型
| 类型 | 记录内容 | 用途 |
|---|---|---|
| 操作审计日志 | 登录、登出、查看敏感数据、导出、修改配置、审批 | 合规审计、责任追溯 |
| 安全审计日志 | 权限变更、越权访问、多次登录失败、异常设备/地点 | 安全事件分析 |
| 风控日志 | 高频操作、异常金额、批量操作、薅羊毛行为 | 风险识别和拦截 |
| 系统日志 | 页面加载、API 调用、错误、资源加载 | 故障排查 |
日志字段规范
- 基础字段:时间戳、用户 ID、会话 ID、操作类型、操作对象、操作结果。
- 环境字段:IP、UA、设备指纹、地理位置、应用版本、页面路径。
- 业务字段:订单号、金额、目标用户 ID 等(按需)。
- 脱敏要求:手机号、身份证、银行卡等必须脱敏或哈希。
采集与传输
- 前端 SDK 统一封装日志上报接口。
- 批量上报 + 失败重试 + 本地队列,避免影响业务性能。
- 敏感操作实时上报,普通操作可批量异步上报。
- 传输加密:HTTPS + 请求签名,防止篡改。
存储与检索
- 结构化存储:日志平台(ELK、Loki、ClickHouse)。
- 保留策略:按合规要求设定保留期限,超期归档或销毁。
- 索引设计:用户 ID、操作类型、时间、会话 ID 等关键字段建索引。
分析与风控
- 规则引擎:如“5 分钟内登录失败 5 次”触发风控。
- 异常检测:基于统计或机器学习识别异常模式。
- 实时告警:高风险事件立即通知安全/风控团队。
- 联动拦截:识别风险后可触发二次验证、限流、封禁。
合规与隐私
- 日志收集前需告知用户并获得同意(必要时)。
- 用户行使删除权时,按法规要求删除或匿名化相关日志。
- 访问日志本身需最小权限控制,防止内部滥用。
评分维度:
- 日志类型覆盖(30%):是否覆盖操作、安全、风控、系统日志
- 字段与脱敏(25%):是否说明关键字段和脱敏要求
- 采集与存储(20%):是否说明 SDK、批量、加密、存储、保留策略
- 风控与合规(25%):是否提到规则引擎、异常检测、合规同意、删除权
常见错误:
- 只记录系统错误,不记录用户操作。
- 日志中明文记录敏感信息,导致二次泄露。
- 没有保留策略,日志无限累积。
延伸追问:
- 如果候选人答对了,可追问:用户要求删除个人数据时,审计日志怎么处理?
- 如果候选人答错了,可引导:如果审计日志只记录了“操作成功”,能支撑合规举证吗?
相关题目:
参考资源:
口头回答版:
前端审计风控日志要记录谁在什么时间、什么设备上做了什么、结果怎样。日志分四类:操作审计日志记登录、查看敏感数据、导出这些;安全审计日志记权限变更、越权、登录失败;风控日志记高频操作、薅羊毛行为;系统日志记页面加载和错误。字段要有时间戳、用户 ID、会话 ID、操作类型、结果、IP、UA、设备指纹,敏感信息必须脱敏。采集用统一 SDK,批量异步上报,敏感操作实时上报,HTTPS 加密。存储到 ELK 或 ClickHouse,按合规要求设保留期。分析上用规则引擎做实时风控,比如多次登录失败告警,异常模式检测。合规上收集前告知用户,用户要求删除时按法规匿名化或删除。
架构题(32 道)
FB-44-SD-R-001:设计一个企业级前端合规体系。
题型:系统设计题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规 标签:合规、安全、隐私合规、架构治理 出现频率:低频 预计回答时长:20-30 分钟
题目描述: 请为一家大型互联网企业设计一套企业级前端合规体系,覆盖安全合规、数据合规、开源合规、内容合规等维度。
参考答案:
企业级前端合规体系需要“政策、组织、流程、技术、度量”五位一体。
政策层(Policy)
- 制定《前端安全合规管理办法》《前端数据保护规范》《开源软件使用规范》《内容安全审核规范》。
- 明确合规责任:开发、Reviewer、安全、法务、产品各负其责。
- 定义合规基线:每个前端项目必须满足的最低合规要求。
组织层(Organization)
- 前端合规委员会:由 CTO、法务、安全、数据保护官、前端架构师组成,负责决策和例外审批。
- 前端合规负责人:每个事业部指定合规接口人。
- 安全/法务专家:提供专业评估和培训。
流程层(Process)
- 合规准入:新项目立项时做合规评估(PIA/DPIA)。
- 合规设计:方案设计阶段嵌入安全、隐私、开源合规要求。
- 合规审查:CR、架构评审、安全评审中检查合规项。
- 合规测试:上线前做安全测试、隐私测试、开源扫描。
- 合规审计:定期抽查和第三方审计。
- 事件响应:建立合规事件上报、调查、整改、复盘流程。
技术层(Technology)
| 合规领域 | 技术手段 |
|---|---|
| 安全合规 | CSP、HTTPS、SRI、HSTS、XSS/CSRF 防护、安全头、SAST/DAST |
| 数据合规 | 数据分类分级、脱敏、最小化、同意管理、删除/导出机制 |
| 开源合规 | SBOM、许可证扫描、依赖审计、OSRB 审批 |
| 内容合规 | 敏感词过滤、UGC 审核、图片/视频 AI 审核 |
| 审计合规 | 审计日志、操作留痕、证据归档 |
度量层(Measurement)
- 合规达标率:各项目满足基线的比例。
- 漏洞修复 SLA:高危漏洞修复时长。
- 合规事件数:每季度发生的合规事件和整改闭环率。
- 培训覆盖率:开发人员合规培训完成率。
文化建设
- 定期合规培训和案例分享。
- 将合规纳入绩效考核和晋升评估。
- 建立“安全合规第一责任人”意识。
评分维度:
- 体系完整性(35%):是否覆盖政策、组织、流程、技术、度量、文化
- 技术措施具体(30%):各合规领域是否有具体技术手段
- 流程闭环(20%):是否有准入、设计、审查、测试、审计、响应闭环
- 可扩展性(15%):是否考虑多业务线、多地区、多法规的适配
常见错误:
- 把合规体系做成“合规检查清单”,缺乏组织和流程支撑。
- 只关注技术控制,忽略政策和培训。
- 各地区法规要求混为一谈,没有差异化处理。
延伸追问:
- 如果候选人答对了,可追问:如何应对不同国家法规冲突的场景?
- 如果候选人答错了,可引导:合规体系和技术规范体系最大的区别是什么?
相关题目:
参考资源:
口头回答版:
企业级前端合规体系要五位一体:政策层制定安全、数据、开源、内容合规的管理办法和基线;组织层成立前端合规委员会,各事业部设合规接口人;流程层做合规准入、设计、审查、测试、审计、事件响应闭环;技术层安全用 CSP、HTTPS、SRI、SAST/DAST,数据用分类分级、脱敏、同意管理,开源用 SBOM 和许可证扫描,内容用敏感词和 AI 审核,审计用日志留痕;度量层看合规达标率、漏洞修复 SLA、事件数、培训覆盖率;文化层做培训、案例分享,把合规纳入绩效。多国家法规要差异化处理,比如欧盟 GDPR、中国 PIPL、美国 CCPA 各有侧重。
FB-44-SD-R-002:如何设计跨团队技术治理组织与运作机制?
题型:系统设计题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规 标签:技术治理、架构治理、沟通、规范 出现频率:低频 预计回答时长:20-30 分钟
题目描述: 公司前端团队分散在多个事业部,技术栈和规范不统一,重复造轮子严重。请设计一套跨团队技术治理组织与运作机制。
参考答案:
- 组织架构设计
采用“联邦制”治理模式:中央制定标准和方向,事业部保留执行灵活性。
| 层级 | 组织 | 职责 |
|---|---|---|
| 决策层 | 技术治理委员会 | 制定技术战略、审批重大标准、决策资源投入 |
| 专业组 | 前端架构组、安全组、性能组、工程化组 | 起草专业规范、评审方案、提供专家支持 |
| 执行层 | 各事业部前端委员会/技术负责人 | 落地规范、反馈问题、负责本事业部执行 |
| 虚拟团队 | 跨事业部的 SIG(Special Interest Group) | 针对特定技术方向(如微前端、组件库)协同 |
- 运作机制
- 季度规划会:治理委员会 review 技术债、安全合规、规范落地情况,决策下季度重点。
- 月度例会:专业组与事业部代表同步进展、收集反馈、解决冲突。
- RFC 机制:重大规范或技术方案通过 RFC 公开征求意见。
- 评审机制:跨事业部重大项目必须经专业组评审。
- 激励与考核:将规范遵从、技术贡献纳入团队和个人绩效。
- 规范分层
| 层级 | 强制程度 | 示例 |
|---|---|---|
| 公司级标准(Mandatory) | 必须遵守 | 安全基线、数据保护、开源合规 |
| 领域级规范(Recommended) | 强烈推荐 | 组件库使用、状态管理、性能基线 |
| 事业部级实践(Optional) | 可适配 | 目录结构、业务组件命名 |
共享能力建设
- 前端基础设施平台:统一组件库、脚手架、CI/CD 模板、监控 SDK。
- 知识库:规范文档、最佳实践、架构决策记录(ADR)。
- 内部开源(InnerSource):鼓励跨事业部共享模块和工具。
冲突解决
- 技术争议先由对口专业组裁决。
- 跨专业组争议提交治理委员会决策。
- 决策记录为 ADR,便于追溯和学习。
度量与改进
- 规范遵从率、组件复用率、技术债指数、安全漏洞数。
- 每季度发布治理报告,公开各事业部健康度。
- 根据反馈持续调整治理强度和范围。
评分维度:
- 组织设计(30%):是否有多层级组织并说明职责
- 运作机制(25%):是否有例会、RFC、评审、激励等机制
- 规范分层(20%):是否区分强制、推荐、可选层级
- 共享与冲突解决(15%):是否提到基础设施、InnerSource、ADR
- 度量(10%):是否有治理度量指标
常见错误:
- 中央集权过度,事业部没有灵活性,导致抵触。
- 完全放任,没有统一基线,重复造轮子继续。
- 只有组织没有运作机制,沦为形式。
延伸追问:
- 如果候选人答对了,可追问:事业部因业务差异需要突破公司级标准,如何处理?
- 如果候选人答错了,可引导:如果每个事业部都用不同的组件库,治理组织能解决吗?
相关题目:
参考资源:
口头回答版:
跨团队治理用联邦制,中央定标准方向,事业部保留执行灵活。组织分四层:决策层是技术治理委员会;专业组包括前端架构、安全、性能、工程化;执行层是各事业部前端委员会;还有跨事业部的 SIG 针对特定方向协同。运作上每季度规划会 review 技术债和合规,每月例会同步进展,重大规范走 RFC,跨事业部大项目经专业组评审。规范分三级:公司级安全数据开源合规必须遵守,领域级强烈推荐,事业部级可适配。共享能力建统一组件库、脚手架、CI 模板、知识库和 InnerSource。冲突先专业组裁决,跨组争议提交委员会,决策记 ADR。度量规范遵从率、组件复用率、技术债指数,每季度发治理报告。
FB-44-CP-R-001:如何从 0 到 1 建立技术债治理长效机制?
题型:综合开放题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规 标签:技术债、技术治理、风险评估、代码质量 出现频率:中频 预计回答时长:15-25 分钟
题目描述: 请设计一套从零开始建立技术债治理长效机制的方案,适用于大型前端组织。
参考答案:
建立共识与文化
- 向管理层和业务方说明:技术债不是“偷懒”,而是商业折中,但长期不还影响交付速度、稳定性和合规。
- 建立“童子军法则”文化:每次改动都尽量让代码比原来好一点。
- 将技术健康度纳入团队 OKR 或 KPI。
制定技术债管理政策
- 定义技术债:范围、分类、评估标准、偿还原则。
- 明确决策权:谁可以批准引入技术债?谁决定偿还优先级?
- 建立技术债预算:每个迭代预留固定比例时间。
搭建识别与度量体系
- 工具化识别:SonarQube、CodeQL、ArchUnit、依赖扫描、性能监控。
- 人工录入:CR、Retro、架构评审中发现的非代码类债务。
- 统一度量:技术债指数、代码覆盖率、重复率、依赖陈旧度、性能回归。
建立技术债台账
- 每笔债务记录:位置、类型、影响、风险、偿还成本、负责人、计划时间、状态。
- 与项目管理工具集成(Jira/飞书项目),便于跟踪。
优先级排序与偿还机制
- 四象限:高影响低成本优先;高影响高成本立项;低影响低成本顺带做;低影响高成本搁置或接受。
- 与业务规划结合:在技术 OKR 中设立“偿还 X 笔高风险债务”。
- 顺手牵羊:改相关代码时顺便偿还附近债务。
防止新增技术债
- CR 中增加“是否引入新债务”检查项。
- 架构评审把关重大设计折中。
- 自动化门禁:ESLint、测试覆盖率、依赖扫描、包体积预算。
定期 review 与报告
- 每月技术债健康度 review。
- 每季度向治理委员会汇报趋势、重大风险和投入产出。
- 公开透明:让团队看到还债带来的收益。
激励与问责
- 奖励主动识别和偿还技术债的团队和个人。
- 对因草率引入重大债务导致事故的情况进行复盘问责。
评分维度:
- 机制完整性(35%):是否覆盖文化、政策、识别、台账、优先级、防新增、review、激励
- 度量与工具(25%):是否能说明识别工具和度量指标
- 与业务结合(20%):是否提到预算、OKR、顺手牵羊、收益展示
- 可持续性(20%):是否强调防止新增、定期 review、激励问责
常见错误:
- 只做一次大规模清理,没有长效机制。
- 只关注偿还,不关注防止新增。
- 度量指标过多,团队疲于应付。
延伸追问:
- 如果候选人答对了,可追问:技术债预算比例怎么定?定高了业务不干怎么办?
- 如果候选人答错了,可引导:如果团队永远说“等这个项目上线后再还债”,该怎么破?
相关题目:
参考资源:
口头回答版:
从零建技术债长效机制,先做共识和文化,让管理层和业务方理解技术债的长期成本。然后制定政策,定义债的范围、分类、评估标准和偿还原则,明确谁批准引入、谁决定优先级。第三步搭识别和度量体系,用 SonarQube、CodeQL、依赖扫描这些工具,加上人工录入。第四步建台账,每笔债记录位置、影响、成本、负责人、计划时间。第五步排优先级,高影响低成本优先,顺手牵羊改相关代码时顺便还。第六步防新增,CR 和架构评审把关,自动化门禁拦截。第七步定期 review,每月看健康度,每季度向委员会汇报。最后激励主动还债的团队,对草率引入重大债务导致事故的复盘问责。
FB-44-SD-R-003:设计一个前端安全合规左移体系。
题型:系统设计题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规、31 安全架构 标签:安全、安全左移、安全评审、合规 出现频率:中频 预计回答时长:20-30 分钟
题目描述: 请设计一个前端安全合规左移(Shift Left)体系,让安全和合规问题尽可能在开发早期被发现和解决。
参考答案:
安全合规左移的核心是:把安全合规要求嵌入需求、设计、编码、测试、发布每个阶段,而不是等到上线前或出事后才补救。
需求阶段
- 安全合规影响评估:识别涉及的个人数据、支付、未成年人、跨境传输等合规要求。
- 输出:合规需求清单、隐私影响评估(PIA/DPIA)。
设计阶段
- 威胁建模:识别前端面临的威胁(XSS、CSRF、点击劫持、数据泄露、供应链攻击)。
- 安全设计原则:最小权限、默认安全、数据最小化、纵深防御。
- 架构评审中加入安全合规 check。
编码阶段
- 安全编码规范:输入校验、输出编码、避免 innerHTML、安全使用 storage。
- IDE 插件:实时提示不安全写法。
- 代码模板:提供安全的登录、支付、文件上传模板。
提交与 CR 阶段
- Secrets 扫描:GitLeaks、TruffleHog,防止密钥泄露。
- 静态安全扫描:Semgrep、CodeQL 规则覆盖 OWASP Top 10。
- CR check:Reviewer 检查安全合规项。
构建与测试阶段
- 依赖漏洞扫描:npm audit、Snyk、Dependabot。
- 许可证扫描:FOSSA、Black Duck。
- 安全测试:DAST(OWASP ZAP)、模糊测试、CSP 策略验证。
- 自动化门禁:高危漏洞和合规问题禁止合并。
发布阶段
- 安全头配置检查:CSP、HSTS、X-Frame-Options 等。
- 灰度发布 + 实时监控:JS 错误、异常请求、敏感数据泄露告警。
- 应急响应预案:发现安全事件可快速回滚和止血。
运营与学习阶段
- 安全事件复盘:根因分析、修复、规范更新。
- 安全培训:定期更新安全知识库和案例。
- 红蓝对抗 / 渗透测试:周期性验证防御有效性。
治理配套:
- 安全合规负责人嵌入前端团队。
- 安全基线文档和检查清单。
- 安全合规度量:漏洞发现阶段分布、修复 SLA、合规达标率。
评分维度:
- 左移阶段覆盖(35%):是否覆盖需求、设计、编码、CR、测试、发布、运营
- 工具与措施(30%):每个阶段是否有具体工具或措施
- 治理配套(20%):是否提到负责人、基线、度量
- 闭环(15%):是否强调事件复盘、培训、持续改进
常见错误:
- 只在 CI 加扫描,忽略需求和设计阶段。
- 安全扫描规则误报率高,团队不重视。
- 左移后没有度量,无法证明效果。
延伸追问:
- 如果候选人答对了,可追问:左移后安全扫描误报太多,如何优化?
- 如果候选人答错了,可引导:如果在需求阶段没有识别出 PIPL 要求,后面要花多大代价补救?
相关题目:
参考资源:
口头回答版:
前端安全合规左移就是把安全和合规要求嵌入到需求、设计、编码、CR、测试、发布、运营每个阶段。需求阶段做合规影响评估和 PIA;设计阶段做威胁建模,引入最小权限、数据最小化这些安全设计原则;编码阶段有安全编码规范和 IDE 实时提示;提交和 CR 阶段做 secrets 扫描、静态安全扫描,Reviewer 检查安全项;构建测试阶段做依赖漏洞扫描、许可证扫描、DAST 和 CSP 验证;发布阶段检查安全头、灰度发布加监控;运营阶段做事件复盘、安全培训、红蓝对抗。配套要有安全合规负责人、基线文档、度量指标,比如漏洞发现阶段分布和修复 SLA。
FB-44-CP-R-002:如何在大型前端组织推行架构治理?
题型:综合开放题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规 标签:架构治理、技术治理、规范、沟通 出现频率:低频 预计回答时长:15-25 分钟
题目描述: 请说明在大型前端组织中推行架构治理的策略、步骤和常见阻力,以及如何应对。
参考答案:
- 推行策略
| 策略 | 说明 |
|---|---|
| 顶层设计 + 试点验证 | 先由架构委员会制定方向,选择 1-2 个愿意配合的团队试点 |
| 价值驱动 | 用真实业务价值(性能提升、故障减少、交付加速)证明治理有效 |
| 渐进式推进 | 先抓安全、合规等红线,再逐步扩展到性能、质量、复用 |
| 平台化支撑 | 通过脚手架、组件库、CI 模板降低遵从成本 |
| 数据透明 | 公开各团队架构健康度,形成良性竞争 |
- 推行步骤
- 阶段一:现状诊断
- 调研各团队技术栈、痛点、架构腐化情况。
- 识别最大公约数问题,确定治理优先级。
- 阶段二:制定基线
- 发布《前端架构基线》:目录结构、技术栈、安全、性能、合规最低要求。
- 区分强制基线和推荐实践。
- 阶段三:工具与平台
- 提供统一的脚手架、组件库、CI/CD 模板、治理看板。
- 把基线检查嵌入到日常开发流程。
- 阶段四:试点与推广
- 选标杆团队先行,积累成功案例。
- 举办技术分享,复制经验。
- 阶段五:度量与改进
- 建立架构健康度指标体系。
- 定期 review,根据反馈调整基线。
- 常见阻力与应对
| 阻力 | 应对 |
|---|---|
| 业务压力大,没时间治理 | 用数据证明治理能降本增效;预留技术债预算 |
| 团队习惯旧技术栈 | 提供迁移工具和培训;设置过渡期 |
| 标准一刀切不适用 | 分层标准,允许事业部级适配 |
| 治理变成“运动式” | 制度化、常态化,纳入绩效考核 |
| 缺乏高层支持 | 用风险案例(安全事故、合规处罚)争取资源 |
- 成功标志
- 各团队主动使用统一基础设施。
- 架构评审成为标准动作。
- 技术债增长趋势放缓或下降。
- 重大事故和安全事件减少。
评分维度:
- 策略合理性(30%):是否提到顶层设计、价值驱动、渐进推进、平台化、数据透明
- 步骤清晰(25%):是否有诊断、基线、工具、试点、度量等阶段
- 阻力应对(25%):是否能识别常见阻力并给出应对
- 成功度量(20%):是否有明确的治理成功标志
常见错误:
- 一上来就全面强制,忽视团队差异和接受度。
- 只有标准没有工具,团队执行成本高。
- 治理成果不可见,无法持续获得支持。
延伸追问:
- 如果候选人答对了,可追问:如果某个核心业务团队拒绝遵守架构基线,怎么办?
- 如果候选人答错了,可引导:架构治理最容易在哪个环节失败?
相关题目:
参考资源:
口头回答版:
大型前端组织推架构治理要顶层设计加试点验证,用真实业务价值驱动,渐进式推进,平台化支撑,数据透明。步骤分五段:先现状诊断,识别最大公约数问题;再制定架构基线,区分强制和推荐;然后提供统一脚手架、组件库、CI 模板和治理看板;接着选标杆团队试点,办分享复制经验;最后度量架构健康度,定期 review。常见阻力比如业务压力大,就要用数据证明治理能降本增效并预留技术债预算;团队习惯旧栈就提供迁移工具和培训;标准一刀切就分层;治理变运动式就制度化并纳入绩效。成功标志是团队主动用基础设施、架构评审成标准动作、技术债增长放缓、重大事故减少。
FB-44-CP-R-003:技术治理如何与公司战略、业务目标对齐?
题型:综合开放题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规 标签:技术治理、沟通、风险评估、合规 出现频率:低频 预计回答时长:15-25 分钟
题目描述: 请说明技术治理应如何与公司的战略目标和业务目标对齐,避免治理变成“自嗨”或“成本中心”。
参考答案:
技术治理与战略、业务对齐的核心是:用业务语言翻译技术价值,让治理成为业务成功的加速器而不是阻力。
理解公司战略与业务目标
- 公司战略:全球化、降本增效、合规上市、技术创新等。
- 业务目标:用户增长、转化率、营收、客户满意度、上市合规。
- 技术治理要映射到这些目标上。
建立治理目标与业务价值的映射
| 公司战略 | 技术治理举措 | 业务价值 |
|---|---|---|
| 全球化 | 国际化治理、数据跨境合规、多地域部署 | 快速进入新市场 |
| 降本增效 | 组件复用、技术债清理、CI/CD 自动化 | 提升交付效率,降低维护成本 |
| 合规上市 | 数据治理、安全合规、审计留痕 | 满足监管要求,降低法律风险 |
| 技术创新 | 新技术试点、架构标准化 | 支撑新业务模式 |
| 客户体验 | 性能基线、稳定性治理 | 提升转化率和留存 |
治理项目立项用业务语言
- 不说“我要做代码重构”,而说“重构后该模块需求交付周期从 2 周降到 3 天”。
- 不说“我要上监控”,而说“能将线上问题发现时间从 30 分钟降到 3 分钟”。
- 用 ROI 说话:投入成本 vs 风险降低、效率提升、收入保障。
治理纳入业务规划
- 在技术 OKR 中设置与业务目标关联的治理指标。
- 重大治理项目与业务项目一起排期,而不是“业余时间做”。
- 治理委员会中引入业务代表,确保业务声音被听见。
度量与沟通
- 建立治理仪表盘,展示:
- 技术健康度趋势
- 治理投入带来的效率提升、故障减少、合规达标率
- 定期向管理层和业务方汇报,用数据和案例说话。
- 建立治理仪表盘,展示:
动态调整
- 根据公司战略变化调整治理重点。
- 业务高速增长期,优先保障稳定性和扩展性。
- 业务收缩期,优先降本增效和技术债清理。
评分维度:
- 对齐思路(35%):是否能用业务语言翻译技术治理价值
- 映射能力(30%):是否能给出战略到治理举措到业务价值的具体映射
- 落地方法(20%):是否提到 OKR、委员会、业务代表、项目排期
- 度量沟通(15%):是否强调仪表盘、汇报、动态调整
常见错误:
- 治理目标只从技术视角出发,例如“提高代码质量”但不说明业务价值。
- 治理与业务规划脱节,变成“抽空做”。
- 度量指标过于技术化,管理层看不懂。
延伸追问:
- 如果候选人答对了,可追问:如果 CEO 明年核心是“降本增效”,你的治理重点应该是什么?
- 如果候选人答错了,可引导:技术治理做得再好,业务方感受不到价值,会怎样?
相关题目:
参考资源:
口头回答版:
技术治理要和战略业务对齐,关键是把技术价值翻译成业务语言。首先要理解公司战略是全球化、降本增效、合规上市还是技术创新,然后建立映射:全球化对应国际化治理和数据跨境合规;降本增效对应组件复用、技术债清理、自动化;合规上市对应数据治理、安全合规、审计留痕;客户体验对应性能基线和稳定性治理。立项时要用业务价值说话,比如不说重构代码,而说交付周期从两周降到三天。治理要纳入业务规划,和技术 OKR 挂钩,委员会里要有业务代表。度量上建治理仪表盘,展示效率提升、故障减少、合规达标率,定期向管理层汇报。最后根据战略动态调整,增长期保稳定扩展,收缩期降本增效。
FB-44-SC-R-001:发生安全合规事件时,前端团队应如何应急响应?
题型:场景设计题 难度:⚫ 架构 岗位层级:架构师 面试知识域:44 技术治理与合规、31 安全架构 标签:安全、安全事件、风险、合规 出现频率:中频 预计回答时长:10-15 分钟
题目描述: 假设线上发现一个前端安全合规事件:某页面因埋点 SDK 配置错误,导致用户手机号明文上传到第三方。请描述前端团队的应急响应流程。
参考答案:
应急响应遵循“止血、定位、修复、验证、复盘、改进”六步法。
止血(Containment)
- 立即下线或屏蔽涉事埋点字段,停止数据泄露。
- 若无法热修复,考虑临时关闭相关页面功能或回滚到上一个安全版本。
- 通知安全、法务、合规、数据保护负责人,启动事件响应小组。
定位(Identification)
- 确认影响范围:哪些页面、哪些用户、泄露了哪些字段、持续了多久。
- 追溯根因:埋点 SDK 配置变更记录、代码提交记录、CR 记录。
- 评估是否涉及第三方:是否需要通知第三方平台删除数据。
修复(Remediation)
- 修复代码:对手机号等 PII 进行脱敏或不上传。
- 配置清理:在第三方平台删除已上传的明文数据(如可能)。
- 强化校验:在 SDK 层增加敏感字段拦截规则,防止再次上传。
验证(Verification)
- 测试环境验证修复后不再上传明文。
- 生产环境抓包验证。
- 法务/合规确认处置符合法规要求(如 GDPR 72 小时通报)。
通报与合规(Communication & Compliance)
- 内部:向管理层、安全、法务、合规汇报事件报告。
- 外部:根据法规要求,必要时向监管机构和受影响用户通报。
- 保留证据:日志、截图、代码提交、沟通记录。
复盘与改进(Post-Incident)
- 召开复盘会,使用 5 Whys 分析根因。
- 更新安全编码规范和埋点审批流程。
- 增加自动化检测:扫描埋点字段是否包含 PII。
- 培训团队,更新应急响应预案。
应急工具与机制:
- 应急响应小组:明确角色( commander、技术负责人、沟通负责人、法务)。
- 热修复能力:配置中心、Feature Flag、CDN 刷新。
- 回滚能力:保留上一版本静态资源,分钟级回滚。
- 监控告警:异常数据上传量、敏感字段出现告警。
评分维度:
- 流程完整性(35%):是否覆盖止血、定位、修复、验证、通报、复盘
- 前端-specific 措施(25%):是否提到热修复、回滚、SDK 层拦截、埋点扫描
- 合规意识(20%):是否提到法规通报、证据保留、法务合规确认
- 长效机制(20%):是否提到复盘、规范更新、自动化检测、培训
常见错误:
- 先查根因再止血,导致泄露持续扩大。
- 修复后不做生产验证,以为问题已解决。
- 忽略法规通报和证据保留要求。
延伸追问:
- 如果候选人答对了,可追问:如果第三方平台拒绝删除已泄露数据,怎么办?
- 如果候选人答错了,可引导:发现泄露后第一步应该做什么?是查代码还是停上传?
相关题目:
参考资源:
口头回答版:
前端安全合规事件应急分六步:第一步止血,立即下线或屏蔽涉事埋点字段,必要时回滚页面;第二步定位,确认影响范围、泄露字段、持续时间、根因和第三方;第三步修复,代码脱敏敏感字段,清理第三方已上传数据,在 SDK 层加拦截;第四步验证,测试和生产抓包确认不再泄露,法务确认合规;第五步通报,内部向管理层安全法务汇报,外部按 GDPR 等法规要求通报监管和用户;第六步复盘,用 5 Whys 分析,更新规范和埋点审批流程,增加自动化扫描 PII 的检测,培训团队。平时要准备好应急响应小组、热修复能力、回滚能力和敏感字段监控告警。
FB-44-CO-B-009:什么是技术治理?
题型:概念题 难度:🟢 基础 岗位层级:初级 / 高级 面试知识域:44 技术治理与合规 标签:架构治理、合规、代码质量、技术治理、规范 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 什么是技术治理。
参考答案:
技术治理是在创新和规范之间找到平衡,通过标准、流程和组织机制,确保技术决策一致性、团队协作高效、系统长期健康。
补充说明:
在实际落地 技术治理 时,建议结合 架构治理、合规、代码质量 的真实场景做验证。重点关注可观测性埋点、异常降级路径和性能基线回归;同时通过灰度发布、指标看板和复盘机制持续迭代,确保方案从“能跑”演进为“可维护、可扩展”。 评分维度:
- 定义(50%)
- 目标(30%)
- 范围(20%)
常见错误:
- 回答停留在定义复述,缺少真实项目中的取舍与折中。
- 只讲正常路径,不提超时、降级、兼容等边界情况。
- 对关键指标和取舍缺乏量化意识。
口头回答版:
技术治理是在创新和规范之间找到平衡,通过标准、流程和组织机制,确保技术决策一致性、团队协作高效、系统长期健康。
FB-44-CO-B-010:技术债是否可以完全消除?
题型:概念题 难度:🟢 基础 岗位层级:初级 / 高级 面试知识域:44 技术治理与合规 标签:架构治理、合规、代码质量、技术治理、规范 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 技术债是否可以完全消除。
参考答案:
不可以。技术债是业务快速发展和技术演进中的自然产物,目标不是清零,而是可视、可控、可持续偿还。
补充说明:
在实际落地 技术债是否可以完全消除 时,建议结合 架构治理、合规、代码质量 的真实场景做验证。重点关注可观测性埋点、异常降级路径和性能基线回归;同时通过灰度发布、指标看板和复盘机制持续迭代,确保方案从“能跑”演进为“可维护、可扩展”。 评分维度:
- 结论(30%)
- 原因(40%)
- 管理方法(30%)
常见错误:
- 回答停留在定义复述,缺少真实项目中的取舍与折中。
- 只讲正常路径,不提超时、降级、兼容等边界情况。
- 对关键指标和取舍缺乏量化意识。
口头回答版:
技术债是业务快速发展和技术演进中的自然产物,目标不是清零,而是可视、可控、可持续偿还。
FB-44-CO-B-011:技术标准制定应该由谁主导?
题型:概念题 难度:🟢 基础 岗位层级:初级 / 高级 面试知识域:44 技术治理与合规 标签:架构治理、合规、代码质量、技术治理、规范 出现频率:中频 预计回答时长:3-5 分钟
题目描述: 技术标准制定应该由谁主导。
参考答案:
由跨团队技术委员会或架构组主导,但必须广泛收集一线团队意见,经过评审和试行后才能正式发布。
补充说明:
在实际落地 技术标准制定应该由谁主导 时,建议结合 架构治理、合规、代码质量 的真实场景做验证。重点关注可观测性埋点、异常降级路径和性能基线回归;同时通过灰度发布、指标看板和复盘机制持续迭代,确保方案从“能跑”演进为“可维护、可扩展”。 评分维度:
- 主导方(40%)
- 参与方(30%)
- 流程(30%)
二、进阶题
常见错误:
- 回答停留在定义复述,缺少真实项目中的取舍与折中。
- 只讲正常路径,不提超时、降级、兼容等边界情况。
- 对关键指标和取舍缺乏量化意识。
口头回答版:
由跨团队技术委员会或架构组主导,但必须广泛收集一线团队意见,经过评审和试行后才能正式发布。
FB-44-SS-A-002:如何推动团队采用新的技术标准?
题型:软技能题 难度:🟡 进阶 岗位层级:高级 / 资深 面试知识域:44 技术治理与合规 标签:架构治理、合规、代码质量、技术治理、规范 出现频率:中频 预计回答时长:5-8 分钟
题目描述: 如何推动团队采用新的技术标准。
参考答案:
- 说明新标准的价值和解决的问题。
- 提供工具和自动化迁移方案。
- 小范围试点,展示效果。
- 纳入 CI 和质量门禁。
- 给予适应期,收集反馈并迭代。
补充说明:
在实际落地 推动团队采用新的技术标准 时,建议结合 架构治理、合规、代码质量 的真实场景做验证。重点关注可观测性埋点、异常降级路径和性能基线回归;同时通过灰度发布、指标看板和复盘机制持续迭代,确保方案从“能跑”演进为“可维护、可扩展”。 评分维度:
- 价值传递(25%)
- 工具支持(25%)
- 试点推广(20%)
- 强制执行(15%)
- 反馈迭代(15%)
常见错误:
- 回答停留在定义复述,缺少真实项目中的取舍与折中。
- 只讲正常路径,不提超时、降级、兼容等边界情况。
- 对关键指标和取舍缺乏量化意识。
口头回答版:
- 说明新标准的价值和解决的问题。 - 提供工具和自动化迁移方案。 - 小范围试点,展示效果。 - 纳入 CI 和质量门禁。
FB-44-CO-A-001:变革阻力通常来自哪里?
题型:概念题 难度:🟡 进阶 岗位层级:高级 / 资深 面试知识域:44 技术治理与合规 标签:架构治理、合规、代码质量、技术治理、规范 出现频率:中频 预计回答时长:5-8 分钟
题目描述: 变革阻力通常来自哪里。
参考答案:
习惯改变、对不确定性的恐惧、利益受损、信息不透明、缺乏信任。
补充说明:
在实际落地 变革阻力通常来自哪里 时,建议结合 架构治理、合规、代码质量 的真实场景做验证。重点关注可观测性埋点、异常降级路径和性能基线回归;同时通过灰度发布、指标看板和复盘机制持续迭代,确保方案从“能跑”演进为“可维护、可扩展”。 评分维度:
- 来源识别(60%)
- 应对策略(40%)
三、高级题
常见错误:
- 回答停留在定义复述,缺少真实项目中的取舍与折中。
- 只讲正常路径,不提超时、降级、兼容等边界情况。
- 对关键指标和取舍缺乏量化意识。
口头回答版:
习惯改变、对不确定性的恐惧、利益受损、信息不透明、缺乏信任。
FB-44-CO-B-012:什么是技术治理?它与技术管理的区别是什么?
题型:概念题 难度:🟢 基础 岗位层级:初级 面试知识域:技术治理与合规 标签:技术治理、技术管理、区别、定义 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请解释技术治理的概念,并说明它与技术管理的区别。
参考答案: 技术治理是确保技术决策、资源、风险与组织战略目标一致的一套规则、流程和机制。它关注的是“做什么决策、谁来做、怎么做、如何监督”。
技术治理 vs 技术管理:
| 维度 | 技术治理 | 技术管理 |
|---|---|---|
| 焦点 | 规则、标准、监督 | 执行、资源、人员 |
| 问题 | 应该做什么、为什么做 | 怎么做、谁来做 |
| 主体 | 技术委员会、架构委员会 | Tech Lead、经理 |
| 周期 | 长期、战略性 | 短期、运营性 |
| 工具 | 政策、标准、审计 | 计划、协调、激励 |
举例:
- 治理:制定“所有前端项目必须使用统一 CI/CD 流水线”。
- 管理:确保某个具体项目按这个标准执行。
技术治理为技术管理提供框架和依据,技术管理是治理的落地执行。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
技术治理是确保技术决策和资源与战略一致的规则机制,关注做什么、谁做、怎么监督。技术管理关注执行。治理制定标准,管理确保落地。比如治理定统一 CI/CD,管理保证项目执行。
FB-44-CO-B-013:前端技术治理通常包括哪些方面?
题型:概念题 难度:🟢 基础 岗位层级:初级 面试知识域:技术治理与合规 标签:前端、技术治理、方面、框架 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明前端技术治理通常需要覆盖哪些主要方面。
参考答案: 前端技术治理主要方面:
技术栈治理
- 框架、库、工具版本统一与管理。
- 技术雷达和选型审批。
架构治理
- 模块划分、依赖关系、接口契约。
- 防止架构腐化。
代码质量治理
- 编码规范、Code Review、Lint、测试策略。
工程化治理
- 构建、部署、发布流程标准化。
- CI/CD、DevOps 实践。
安全治理
- 漏洞管理、安全审计、合规要求。
- XSS、CSRF、依赖安全、隐私保护。
性能治理
- 性能基线、监控、优化、防止退化。
数据与埋点治理
- 埋点规范、数据质量、隐私合规。
可访问性治理
- WCAG 标准、无障碍测试、用户体验。
合规治理
- 法律法规、行业标准、公司内部政策。
知识治理
- 文档、Wiki、知识库、技术传承。
供应商与开源治理
- License 合规、供应商风险、退出策略。
组织治理
- 职责分工、决策机制、技术委员会。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
前端技术治理包括技术栈、架构、代码质量、工程化、安全、性能、数据埋点、可访问性、合规、知识、供应商开源、组织治理等方面。
FB-44-CO-B-014:什么是技术委员会?它在前端治理中起什么作用?
题型:概念题 难度:🟢 基础 岗位层级:初级 面试知识域:技术治理与合规 标签:技术委员会、治理、决策、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明技术委员会的角色、职责,以及它在前端技术治理中的作用。
参考答案: 技术委员会是负责技术方向、标准、重大决策和治理的组织。在前端治理中的作用:
制定技术标准
- 框架选型、代码规范、工程化标准。
- 设计系统、组件库、API 规范。
重大技术决策
- 架构升级、新技术引入、重大重构。
- 跨团队技术争议仲裁。
评审与审批
- 重大项目技术方案评审。
- 技术栈变更、开源发布审批。
技术雷达维护
- 定期 review 技术栈,决定 adopt/trial/assess/hold。
风险与合规监督
- 安全、合规、性能等重大风险监督。
- 制定应对策略。
知识沉淀与传播
- 推动最佳实践、技术分享、文档建设。
资源协调
- 跨团队资源冲突时协调。
- 推动中台和共享能力建设。
委员会组成:
- 前端负责人、架构师、各业务线技术代表。
- 可邀请产品、安全、法务等外部代表。
运作方式:
- 定期会议 + 异步决策。
- 决策透明,会议纪要公开。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
技术委员会负责制定标准、重大决策、评审审批、维护技术雷达、监督风险合规、沉淀知识、协调资源。由前端负责人、架构师、业务线代表组成,定期开会加异步决策,纪要公开。
FB-44-EN-A-002:如何建立前端代码规范并保证执行?
题型:工程化题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:代码规范、Lint、执行、治理 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何建立前端代码规范,并确保团队持续遵守。
参考答案: 建立和执行代码规范:
规范制定
- 基于行业最佳实践和团队实际,制定规范。
- 包括命名、格式、目录结构、注释、提交信息等。
- 让团队参与制定,提高接受度。
工具自动化
- ESLint、Prettier、Stylelint、Commitlint。
- Husky + lint-staged 在提交前自动检查。
- CI 中拦截不合规代码。
IDE 集成
- 配置 editorconfig、VS Code 插件。
- 让开发者在写代码时就得到反馈。
Code Review
- 把规范遵守纳入 review checklist。
- 对违规代码要求修改。
渐进式推行
- 老项目逐步迁移,新项目严格执行。
- 先 warning 再 error,给适应期。
培训与文档
- 写规范文档,做内部分享。
- 让新人快速了解。
定期 review
- 每季度 review 规范是否需要更新。
- 收集团队反馈,持续优化。
领导示范
- 负责人和资深工程师带头遵守。
- 不规范时同样接受 review 意见。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
建立代码规范要团队参与制定,用 ESLint、Prettier、Commitlint 等工具自动化,IDE 集成,Code Review 纳入 checklist,渐进推行,培训文档,定期 review,领导带头。
FB-44-SC-A-006:如何防止前端代码库出现“架构腐化”?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:架构腐化、代码质量、治理、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会采取哪些措施防止前端代码库随时间推移出现架构腐化。
参考答案: 防止架构腐化的措施:
清晰的架构原则
- 制定并文档化架构原则:分层、依赖方向、模块边界。
- 让所有人知道什么是好的架构。
架构评审机制
- 重大项目或模块变更需经过架构评审。
- 评审关注耦合、扩展性、可维护性。
依赖管理
- 使用工具监控模块间依赖。
- 禁止循环依赖、跨层调用。
代码审查
- 在 Code Review 中关注架构影响。
- 不只看功能是否正确。
技术债管理
- 定期识别和偿还架构债务。
- 防止小问题积累成大腐化。
重构保护
- 重构前补充测试,确保不破坏现有功能。
- 小步重构,持续改进。
度量指标
- 监控代码复杂度、重复率、模块耦合度。
- 设定阈值告警。
架构守护者
- 指定架构 owner 或小组,持续监督架构健康。
知识传承
- 文档化架构决策(ADR)。
- 让新人理解“为什么这么设计”。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
防止架构腐化要明确架构原则,做架构评审,管理依赖禁止循环依赖,Code Review 关注架构,管理技术债,重构补测试,监控复杂度等指标,设架构守护者,文档化决策。
FB-44-SC-A-007:如何管理前端项目的第三方依赖风险?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:依赖、第三方、风险、安全 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何管理前端项目中的第三方依赖,降低安全、法律和稳定性风险。
参考答案: 第三方依赖风险管理:
依赖审计
- 使用 npm audit、Snyk、Dependabot 等工具定期扫描漏洞。
- 建立漏洞清单和修复 SLA。
License 合规
- 扫描依赖的许可证类型。
- 避免使用 GPL 等强 copyleft 许可证导致法律风险。
依赖准入
- 新增依赖需经过审批,评估必要性、维护状态、社区活跃度。
- 避免引入小众、停止维护的库。
版本锁定
- 使用 lockfile(package-lock.json、yarn.lock、pnpm-lock.yaml)。
- 避免构建时版本漂移。
最小化依赖
- 优先使用原生 API 或内部工具。
- 减少不必要的依赖。
供应商锁定评估
- 评估是否过度依赖某一框架或库。
- 设计抽象层,降低替换成本。
更新策略
- 定期更新依赖,避免长期不更新导致升级困难。
- 大版本更新需充分测试。
应急响应
- 发现严重漏洞时,能快速定位受影响项目并修复。
- 制定供应链安全事件响应流程。
内部私服/缓存
- 建立私有 npm registry 或缓存,降低外部服务不可用风险。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
管理第三方依赖要定期扫描漏洞、检查 License、新增依赖审批、版本锁定、最小化依赖、评估供应商锁定、定期更新、应急响应、建立内部私服或缓存。
FB-44-SC-A-008:如何建立前端的安全治理流程?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:安全、治理、流程、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何建立系统化的前端安全治理流程。
参考答案: 前端安全治理流程:
安全规范制定
- 编写前端安全编码规范。
- 明确常见风险:XSS、CSRF、点击劫持、敏感信息泄露。
安全培训
- 新员工入职安全培训。
- 定期安全知识更新和案例分享。
开发阶段防护
- 框架内置防护(如 React 的 JSX 转义)。
- 输入校验、输出编码、CSP 配置。
- 安全敏感代码强制 Code Review。
依赖安全扫描
- CI 中集成漏洞扫描。
- 高危漏洞阻断合并。
安全测试
- SAST/DAST 工具扫描。
- 定期渗透测试。
- 安全专项测试用例。
上线前安全评审
- 对涉及支付、登录、敏感数据的功能进行安全评审。
运行期监控
- 异常行为监控、CSP 违规上报、XSS 尝试检测。
- 安全事件告警和响应。
漏洞响应
- 建立漏洞上报、评估、修复、验证流程。
- 明确 SLA。
合规审计
- 配合内部和外部安全审计。
- 留存安全相关日志和证据。
持续改进
- 复盘安全事件,更新规范和流程。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
前端安全治理要制定规范、培训、开发阶段防护、依赖扫描、安全测试、上线前评审、运行监控、漏洞响应、合规审计、持续改进。
FB-44-SC-A-009:如何确保前端项目符合 GDPR、CCPA 等隐私法规?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:GDPR、CCPA、隐私、合规、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明前端在 GDPR、CCPA 等隐私法规合规中应承担哪些工作。
参考答案: 前端隐私合规工作:
Cookie 同意管理
- 提供 Cookie 同意弹窗,区分必要、分析、营销 Cookie。
- 用户拒绝后,不加载非必要跟踪脚本。
数据最小化
- 只收集业务必需的数据。
- 前端表单避免过度收集个人信息。
数据脱敏
- 前端展示敏感信息时做脱敏处理。
- 日志和埋点中不记录敏感数据。
用户权利支持
- 支持用户查看、导出、删除个人数据。
- 前端提供对应入口和界面。
同意记录
- 记录用户同意和撤回同意的行为。
- 便于审计。
第三方脚本控制
- 管理第三方分析、广告脚本加载。
- 确保未经同意不传输个人数据。
隐私政策展示
- 清晰展示隐私政策链接和摘要。
- 用户注册或收集数据前必须可访问。
地理区域适配
- 根据用户所在地区展示不同合规逻辑。
- 如欧盟用户需要 GDPR 同意,加州用户需要 CCPA 退出选项。
测试与审计
- 定期测试隐私合规功能。
- 配合法务和合规团队审计。
文档记录
- 记录数据处理流程和前端参与点。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
前端隐私合规要做 Cookie 同意管理、数据最小化、脱敏、支持用户权利、记录同意、控制第三方脚本、展示隐私政策、地理区域适配、测试审计和文档记录。
FB-44-SC-A-010:如何治理前端项目中的“影子 IT”或未经审批的工具?
题型:场景设计题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:影子 IT、工具治理、审批、合规 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明当发现团队使用未经审批的第三方工具或服务时,你会如何治理。
参考答案: 治理影子 IT 的方法:
发现与盘点
- 通过依赖扫描、网络监控、调研问卷发现未经审批的工具。
- 建立工具清单。
风险评估
- 评估工具的安全、合规、数据隐私、稳定性风险。
- 区分高风险和低风险工具。
分类处理
- 高风险:立即停止使用,寻找替代方案。
- 中风险:限期整改,补齐审批流程。
- 低风险:纳入工具白名单,规范管理。
建立审批流程
- 明确新工具引入的申请、评估、审批流程。
- 设立工具库或白名单。
提供替代方案
- 如果现有工具不满足需求,推动官方工具建设或采购。
- 减少员工自行寻找工具的动力。
培训与沟通
- 让员工理解影子 IT 的风险。
- 不是单纯禁止,而是解释为什么。
持续监控
- 定期检查依赖和使用的服务。
- 对新增未审批工具及时发现。
激励机制
- 对主动上报和合规使用工具的行为给予认可。
示例:某团队发现有人使用未审批的在线代码分享工具,评估后替换为公司内部 snippet 工具,并更新工具白名单。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
治理影子 IT 要发现盘点、风险评估、分类处理,建立审批流程和白名单,提供替代方案,培训沟通,持续监控,激励合规行为。
FB-44-SC-P-005:如何设计前端的技术债治理机制?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 面试知识域:技术治理与合规 标签:技术债、治理、机制、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何设计一个系统化的前端技术债治理机制。
参考答案: 技术债治理机制设计:
债务识别
- 代码扫描、Code Review、团队反馈、线上问题。
- 建立技术债清单。
债务分类
- 按类型:代码债、设计债、测试债、文档债、基础设施债。
- 按影响:高、中、低。
利息评估
- 估算债务每月/每季度带来的额外成本。
- 如:多花时间、Bug 损失、新人上手成本。
优先级排序
- 高利息、高影响债务优先偿还。
- 使用矩阵:影响 × 偿还成本。
偿还计划
- 嵌入日常迭代:每次需求预留 10-20% 时间。
- 专项重构:对大型债务设立专项。
责任到人
- 每项债务有 owner 和 deadline。
- 定期 review 完成情况。
防止新增
- Code Review、架构评审、测试门禁。
- 对临时方案设到期提醒。
度量与报告
- 跟踪技术债数量、偿还进度、利息成本。
- 定期向管理层汇报。
文化建设
- 让团队理解还债价值,不是额外负担。
- 奖励主动还债行为。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
技术债治理要识别债务、分类、评估利息成本、排序优先级、制定偿还计划、责任到人、防止新增、度量报告、文化建设。
FB-44-SC-P-006:如何建立前端性能的持续治理机制?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 面试知识域:技术治理与合规 标签:性能、治理、持续、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何建立机制,确保前端性能不会随迭代逐渐退化。
参考答案: 前端性能持续治理机制:
性能预算
- 为关键页面设定包体积、加载时间、核心 Web 指标预算。
- 新需求必须不超出预算。
性能基线
- 建立核心页面性能基线。
- 每次发布对比基线,发现退化及时告警。
CI 性能门禁
- 在 CI 中跑 Lighthouse、Web Vitals 测试。
- 性能不达标阻断合并。
监控与告警
- 真实用户监控(RUM)和实验室数据结合。
- 关键指标异常自动告警。
定期性能审计
- 每月或每季度做一次全站性能审计。
- 识别新出现的性能问题。
性能负责人
- 指定性能 owner 或虚拟小组。
- 负责推动性能优化和治理。
性能文化
- 培训团队性能意识和优化方法。
- 在 Code Review 中关注性能影响。
激励机制
- 对性能优化突出贡献给予认可和奖励。
工具支持
- 提供性能分析工具、看板、报告。
- 让性能数据触手可及。
示例:某团队在 CI 中加入 Lighthouse CI,任何 PR 导致 LCP 下降超过 200ms 自动失败,有效防止性能退化。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
性能持续治理要设性能预算和基线,CI 加性能门禁,监控告警,定期审计,指定性能负责人,建设性能文化,激励贡献,提供工具。比如 Lighthouse CI 让 LCP 降 200ms 就失败。
FB-44-SC-P-007:前端如何实现可访问性(Accessibility)治理?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 面试知识域:技术治理与合规 标签:可访问性、a11y、治理、WCAG 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何在前端团队中建立可访问性治理机制。
参考答案: 可访问性治理机制:
标准制定
- 参考 WCAG 2.1/2.2,制定团队可访问性标准。
- 明确 A、AA 级别要求。
设计与开发规范
- 色彩对比度、焦点管理、键盘导航、语义化 HTML。
- 组件库内置可访问性支持。
自动化检测
- 使用 axe、Lighthouse、eslint-plugin-jsx-a11y 等工具。
- 集成到 CI 和 Code Review。
手动测试
- 键盘操作测试、屏幕阅读器测试(NVDA、VoiceOver)。
- 邀请真实残障用户测试。
培训与意识
- 对设计、产品、开发进行 a11y 培训。
- 让可访问性成为团队共识。
验收标准
- 把可访问性作为上线验收条件之一。
- 不满足不能发布。
持续监控
- 定期扫描和 audit。
- 防止回归。
用户反馈
- 建立无障碍反馈渠道。
- 及时修复用户报告的问题。
合规与法律责任
- 了解目标市场的可访问性法律要求。
- 如美国 ADA、欧洲 EAA。
示例:某团队在组件库中统一封装 Button、Modal 等组件,内置焦点管理和 ARIA 属性,使新项目默认满足大部分 WCAG AA 要求。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
可访问性治理要定标准,设计和开发规范,自动化检测集成 CI,手动测试用键盘和屏幕阅读器,培训团队,作为验收标准,持续监控,收集用户反馈,了解法律合规。
FB-44-SC-P-008:如何建立前端的数据埋点治理机制?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 面试知识域:技术治理与合规 标签:埋点、数据治理、前端、合规 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何治理前端埋点,确保数据质量、隐私合规和可维护性。
参考答案: 前端埋点治理机制:
埋点规范
- 统一事件命名、参数命名、事件类型。
- 建立埋点字典和事件目录。
埋点设计评审
- 需求阶段明确埋点需求,评审合理性。
- 避免遗漏关键事件和过度埋点。
代码化管理
- 埋点事件用常量或枚举管理,避免硬编码字符串。
- 类型化埋点参数。
自动化校验
- 测试覆盖关键埋点。
- CI 检查埋点事件是否存在于字典中。
数据质量监控
- 监控埋点丢失率、重复率、异常值。
- 对核心漏斗设置告警。
隐私合规
- 敏感事件和参数脱敏或不上报。
- 用户拒绝跟踪时不发送分析埋点。
生命周期管理
- 定期清理废弃埋点。
- 避免埋点代码无限累积。
跨团队协作
- 前端、产品、数据团队共同维护埋点体系。
- 明确职责和流程。
文档化
- 每个埋点说明触发时机、参数含义、使用场景。
示例:某团队建立埋点平台,产品可在平台上配置事件,前端自动生成类型化代码,减少埋点错误。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
埋点治理要统一规范,需求阶段评审,代码化管理,自动化校验,监控数据质量,隐私合规,定期清理废弃埋点,跨团队协作,文档化。比如埋点平台自动生成类型化代码。
FB-44-SC-P-009:如何设计前端架构评审流程?
题型:场景设计题 难度:🔴 深入 岗位层级:专家 面试知识域:技术治理与合规 标签:架构评审、流程、前端、治理 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何设计一个前端架构评审流程,确保重大项目架构合理。
参考答案: 前端架构评审流程:
触发条件
- 新建大型项目、核心模块重构、重大技术选型、跨团队项目。
评审材料准备
- 业务背景与目标。
- 架构图、数据流图、模块划分。
- 技术选型及理由。
- 风险评估与应对。
- 性能、安全、可维护性考虑。
评审参与人
- 项目负责人、架构师、相关团队代表。
- 安全、性能、测试专家(必要时)。
评审议程
- 方案介绍(15-20 分钟)。
- 质询与讨论(30-45 分钟)。
- 结论与行动项(10 分钟)。
评审关注点
- 是否符合公司架构原则。
- 是否引入不必要复杂度。
- 是否充分考虑扩展性、性能、安全、成本。
- 是否有明确的风险和回退方案。
评审结论
- 通过、有条件通过、需要修改后重新评审、不通过。
跟踪落实
- 记录评审意见和行动项。
- 在后续开发中检查落实情况。
轻量与重量结合
- 小项目走轻量评审,大项目走正式评审。
- 避免流程过重影响效率。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
架构评审要明确触发条件,准备材料,邀请合适参与人,按介绍、质询、结论进行,关注架构原则、复杂度、扩展性、风险,给出通过/有条件通过/不通过结论,跟踪落实,轻重结合。
FB-44-SD-R-004:如何在一个大型组织中推行统一的前端工程化标准?
题型:系统设计题 难度:🔵 架构 岗位层级:架构师 面试知识域:技术治理与合规 标签:工程化标准、大型组织、推行、治理 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何在大型组织中推行统一的前端工程化标准,克服各业务线的阻力。
参考答案: 大型组织推行统一工程化标准:
明确价值
- 统一标准能降低跨团队协作成本、提升质量、便于人才流动。
- 用数据和案例说明好处。
分层标准
- 强制标准(构建工具、CI/CD、安全规范)和推荐标准(代码风格、测试策略)。
- 给业务线一定弹性空间。
工具化降低阻力
- 提供统一脚手架、CLI、模板。
- 让业务线低成本接入。
渐进式推广
- 先找愿意配合的团队试点。
- 用成功案例带动其他团队。
治理机制
- 技术委员会负责标准制定和解释。
- 设立标准升级的反馈渠道。
激励与考核
- 将标准遵守纳入团队考核。
- 对优秀团队给予认可和资源倾斜。
培训与支持
- 提供文档、培训、技术支持。
- 帮助业务线解决迁移问题。
允许例外
- 对特殊场景允许申请例外。
- 但需记录理由和期限。
高层支持
- 争取管理层支持,作为组织级要求推进。
示例:某公司通过统一 CLI 和脚手架,让各业务线在 3 个月内完成工程化标准对齐,跨团队协作效率提升 25%。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
大型组织推统一标准要明确价值,分层强制和推荐,工具化降低阻力,渐进试点,技术委员会治理,激励考核,培训支持,允许例外,争取高层支持。
FB-44-SD-R-005:如何设计前端技术治理的度量指标体系?
题型:系统设计题 难度:🔵 架构 岗位层级:架构师 面试知识域:技术治理与合规 标签:度量、指标体系、技术治理、前端 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何设计一套指标,衡量前端技术治理的健康度。
参考答案: 技术治理度量指标体系:
标准化遵守率
- 代码规范通过率、Lint 通过率、CI 成功率。
- 统一工具使用率。
质量指标
- Bug 率、线上事故数、回滚率。
- 测试覆盖率、Code Review 完成率。
架构健康度
- 模块耦合度、循环依赖数量、代码重复率。
- 技术债数量和偿还进度。
安全合规指标
- 漏洞修复时效、高危漏洞数量。
- 合规检查通过率。
性能指标
- 核心 Web 指标达标率、性能预算遵守率。
- 包体积趋势。
工程效率指标
- 构建时间、部署频率、需求交付周期。
可访问性指标
- a11y 扫描通过率、关键流程键盘可访问率。
治理参与度
- 架构评审参与率、技术委员会决策执行率。
- 团队对治理的反馈满意度。
知识沉淀
- 文档覆盖率、ADR 数量、技术分享次数。
持续改进
- 定期 review 指标,根据治理重点调整。
- 避免指标变成形式。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
技术治理度量包括标准化遵守率、质量、架构健康、安全合规、性能、工程效率、可访问性、治理参与度、知识沉淀等指标,定期 review 调整,避免形式化。
FB-44-SS-A-003:如何在治理与效率之间找到平衡?
题型:软技能题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:治理、效率、平衡、流程 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何避免技术治理流程过度繁琐,影响团队效率。
参考答案: 治理与效率平衡:
治理分层
- 核心标准强制执行,边缘标准推荐执行。
- 不同规模项目用不同重量流程。
自动化
- 把治理要求尽量自动化,减少人工审批。
- 如自动 Lint、自动安全扫描、自动性能检测。
工具赋能
- 提供 CLI、脚手架、模板,让合规变得容易。
- 不要让团队手工满足规范。
简化流程
- 定期 review 流程,砍掉无效环节。
- 一个流程如果没人理解价值,就值得质疑。
结果导向
- 关注治理带来的实际结果,而不是形式合规。
- 允许团队在达到目标的前提下灵活实现。
反馈机制
- 收集团队对治理流程的反馈。
- 根据反馈持续优化。
例外机制
- 对特殊情况允许快速审批例外。
- 避免一刀切。
度量成本
- 评估治理流程本身消耗的时间。
- 确保治理收益大于成本。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
治理与效率平衡要分层、自动化、工具赋能、简化流程、结果导向、收集反馈、允许例外、度量治理成本。
FB-44-SS-A-004:当治理规则与业务紧急情况冲突时,你如何处理?
题型:软技能题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:治理、紧急情况、冲突、灵活 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明当业务紧急情况需要突破既定治理规则时,你会如何处理。
参考答案: 处理治理与紧急冲突:
评估紧急程度
- 是真正紧急(如线上故障、安全漏洞),还是只是业务方压力大?
明确风险
- 突破规则会带来什么风险?
- 是否可控?是否有补救措施?
决策授权
- 谁有权在紧急情况下批准例外?
- 明确决策人和责任。
最小化突破
- 只突破必要的规则,其他仍遵守。
- 例:先 hotfix 再补 Code Review。
事后补齐
- 紧急情况处理后,补齐流程和文档。
- 不能成为常态。
记录与复盘
- 记录为什么突破规则、采取了什么措施。
- 复盘是否可以避免类似情况。
更新规则
- 如果类似紧急情况反复出现,考虑优化规则本身。
- 让规则更适应实际。
沟通透明
- 向相关方说明情况和决策依据。
- 保持信任。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
紧急情况要先评估真实紧急程度,明确风险,由授权人决策,最小化突破,事后补齐流程,记录复盘,必要时更新规则,保持透明沟通。
FB-44-SS-A-005:如何推动团队接受并遵守新的治理规则?
题型:软技能题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:治理规则、接受、遵守、推行 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何推动团队接受并持续遵守新的前端治理规则。
参考答案: 推动遵守新规则的方法:
讲清为什么
- 解释规则背后的原因和要解决的问题。
- 让团队理解价值,而不是感觉被管束。
让团队参与制定
- 征求一线工程师意见,提高接受度。
- 规则不是上面拍脑袋定的。
自动化 enforcement
- 用工具自动检查,减少人为记忆负担。
- CI 阻断比口头提醒更有效。
渐进式推行
- 先 warning 再 error,给适应期。
- 老项目逐步迁移。
提供支持
- 文档、培训、迁移脚本、答疑。
- 降低遵守规则的成本。
榜样示范
- 负责人和资深工程师率先遵守。
- 上行下效。
正向激励
- 对遵守规则、主动改进的团队和个人给予认可。
- 纳入绩效考核。
定期 review
- 规则不是一成不变的,根据反馈优化。
- 让团队看到规则在进化。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
推动遵守新规则要讲清原因,让团队参与制定,自动化检查,渐进推行,提供支持,领导带头,正向激励,定期 review 优化。
FB-44-SS-A-006:技术治理中,如何处理不同业务线的差异化需求?
题型:软技能题 难度:🟡 进阶 岗位层级:高级 面试知识域:技术治理与合规 标签:治理、差异化、业务线、平衡 出现频率:高频 预计回答时长:5-8 分钟
题目描述: 请说明你会如何在统一治理框架下,尊重不同业务线的差异化需求。
参考答案: 处理差异化需求:
核心统一,边缘灵活
- 安全、合规、基础架构必须统一。
- UI 细节、业务逻辑、部分工具可以灵活。
分层标准
- 强制层、推荐层、可选层。
- 业务线根据情况选择。
插件与扩展机制
- 中台和基础能力提供扩展点。
- 业务线可在不破坏核心的前提下定制。
例外审批
- 明确可申请例外的场景和流程。
- 记录理由和期限。
业务线参与治理
- 让业务线代表参与标准制定。
- 增加规则的合理性和接受度。
定期收敛共性
- 收集各业务线的个性化需求。
- 高频共性需求沉淀为标准能力。
数据驱动
- 评估差异化需求的成本和收益。
- 避免为边缘场景破坏整体。
沟通与透明
- 解释为什么某些必须统一,某些可以灵活。
- 减少抵触情绪。
评分维度:
- 能准确理解问题并给出结构化回答(40%)
- 能结合实际案例或数据说明(30%)
- 能体现业务思维与技术落地的结合(30%)
常见错误:
- 回答过于空泛,缺乏具体做法。
- 只谈技术实现,忽略业务目标和约束。
- 没有考虑风险和可执行性。
口头回答版:
统一治理下要核心统一、边缘灵活,分层标准,提供插件扩展,例外审批,业务线参与治理,定期收敛共性,数据驱动评估,透明沟通。