华为前端怎么准备
华为前端面试更常落到企业后台：表单校验、可访问性、兼容和主题。不一定问信息流。
五题覆盖表单、快捷键、兼容、主题和评审。用你做过的中后台来答。
华为怎么面前端
- 可能问你如何测兼容，不要只说「我用 Chrome」。
- 表单题会追问异步校验和提交中状态。
- 无障碍是加分项，最好有实践。
面试阶段与知识点
第一批不把每个阶段拆成独立 URL，避免程序化重复页。阶段对应下面的题，练完再用模拟面试串起来。
- 表单：校验和提交。
- 兼容：基线浏览器。
- 无障碍：键盘。
- 评审：进度与质量。
值得开口练的题
每题给考察点、思路、结构化参考答案和追问。参考答案用来组织语言，面试时必须换成你自己的项目事实。
四十个字段的表单如何做异步校验而不把提交卡死？
考察点
- 失焦校验
- 竞态
- 提交
回答思路
字段级失焦触发异步校验，提交时再全量汇总；并发请求必须丢弃过期响应避免竞态。
结构化参考答案
- 每个字段 blur 时发起独立校验请求，提交按钮不等待全部字段实时校验完成。
- 异步请求携带递增序号，响应返回时若序号落后则丢弃，不用旧结果覆盖新输入。
- 点击提交后锁定表单并展示 loading，错误汇总定位到第一个失败字段。
- 超长表单拆成多步 wizard，每步字段集可控，减少单次全量校验压力。
面试官可能追问
- 服务端校验和前端如何分工？
- 如何测竞态？
- 保存草稿和提交如何区分？
只用电键盘要完成树形选择，你怎么做？
考察点
- 焦点
- aria
- 展开
回答思路
树形控件要遵循 WAI-ARIA Tree 键盘范式，焦点可见且展开与选中状态同步播报。
结构化参考答案
- 方向键在节点间移动焦点，Right 展开、Left 折叠，Enter 或 Space 选中当前节点。
- aria-expanded、aria-selected 与视觉态实时同步，读屏能正确朗读层级与状态。
- disabled 节点跳过不可聚焦，搜索过滤后焦点落在第一个匹配项。
- 回归测试用真实键盘操作而非仅模拟 click，覆盖 Shift 多选等组合键。
面试官可能追问
- 虚拟滚动树如何保焦点？
- 搜索框和树如何切换？
- 如何回归？
要求兼容某企业内部浏览器内核，你如何定基线？
考察点
- 名单
- 垫片
- 降级
回答思路
先拿到企业设备浏览器内核版本名单，书面定基线后再决定 polyfill 还是功能降级。
结构化参考答案
- 与 IT 部门确认主流终端的内核版本分布，形成书面兼容基线并附到期复审日期。
- 新 API 一律 feature detect，禁止 UA sniff 误判导致误降级或误启用。
- 基线不支持的 API 降级为等价的旧交互，保证任务可完成而非直接报错。
- CI 流水线加入对应内核版本的自动化冒烟，发版前阻断未验证的破坏性变更。
面试官可能追问
- 基线外是否直接拒绝登录？
- 如何避免垫片把包打爆？
- 谁批准基线变更？
暗色主题下对比度不够，如何系统修而不是改一个按钮？
考察点
- 令牌
- 对比
- 组件
回答思路
颜色应走设计令牌体系，组件消费 token 而非硬编码色值，主题切换不丢页面状态。
结构化参考答案
- 把所有背景、文字、边框色迁移到 semantic token，暗色与亮色各一套映射表。
- 用对比度工具批量抽检组件库，不满足 WCAG AA 的 token 组合禁止合入。
- 图表、地图等第三方可视化单独做暗色适配层，不能沿用亮色硬编码。
- 主题切换走 CSS 变量热切换，不刷新页面，表单输入态与滚动位置保持。
面试官可能追问
- 第三方组件不吃 token 怎么办？
- 如何防止业务写死色值？
- 截图回归怎么做？
进度紧张要跳过兼容测试，你怎么办？
考察点
- 风险
- 最小集
- 记录
回答思路
不能默许零测试上线，要给出最小内核冒烟集、书面风险记录与补测承诺。
结构化参考答案
- 列出本次改动影响的路径，在基线内核上跑最小冒烟：登录、核心表单、提交与导出。
- 书面记录跳过项、可能影响的用户群与潜在故障模式，附在发布说明里。
- 与 QA 约定发版后 48 小时内补全回归的时间窗与负责人。
- 若改动涉及资金流转、权限或安全，拒绝跳过测试并 escalate 给项目负责人。
面试官可能追问
- 谁签字？
- 线上出了兼容问题如何回滚？
- 你如何避免每次都被压缩？
和岗位、模拟面试一起用
资料管理里保存目标岗位 JD，模拟面试会按简历出题。点题目下的按钮会把本题带进模拟开场，仍需先绑定简历与岗位。