招商银行前端笔试面试准备
招商银行/招银网络科技前端开发岗位春招备考入口，整理笔试题型、面试高频考点、场景题和准备优先级。
#tech / dev / frontend
#type / howto
#status / growing
#resource / interview
#source / company / cmb
[!info] related notes 前端高频入口: 前端八股文 MOC 浏览器: 浏览器渲染过程, 浏览器缓存分类与 304 / memory cache / disk cache 算法: 算法面试题型 MOC, 最长无重复字符子串 银行科技岗对比: 银行科技岗面试对比
招商银行前端笔试面试准备
招银前端最像”银行企业级前端 + 客户场景”的考法：不只看八股，还看能不能把页面慢、缓存、监控、沟通、系统落地讲成一个完整方案。公开最明确的”前端开发工程师”春招岗位主要出现在招银网络科技。
岗位画像
- 岗位：前端开发工程师（招银网络科技）
- 职责：招商银行各类应用系统 Web 前端开发，参与全栈或移动端
- 技术要求：HTML5/CSS3/JS，掌握 React/Vue/Angular 之一，了解 Java/Node/.Net/PHP/Python 更佳
- 春招状态：2025/2026 春招均明确开放前端开发工程师
笔试题型
| 模块 | 内容 |
|---|---|
| 素质测评 | 常规行测/性格测试 |
| 客观题 | 15 道（计算机基础 + 前端） |
| 方向选做题 | 60 分钟，前端方向编程题 |
公开编程题样本：
- 在 Function 原型链上实现 AOP → JavaScript AOP 实现
- Promise + setTimeout + for 循环输出题 → JS 事件循环
- 补全 CSS 画牛顿摆 → CSS 动画
面试高频考点
一面（缓存 + 网络 + 布局 + JS 基础）
- 浏览器缓存 → 浏览器缓存分类与 304 / memory cache / disk cache
- CSS position → CSS position
- 水平垂直居中 → CSS 基线与垂直对齐
- JS 数据类型 → ECMAScript 原始值与引用值
- 类型判断 → ECMAScript 类型检测
- instanceof 原理 → instanceof
- new 操作符 → new 操作符
- 箭头函数 → 箭头函数
- HTTP / HTTPS → HTTP 与前端网络 MOC
- HTTPS → HTTPS
- HTTP 状态码 → HTTP 状态码
- 最长无重复子数组 → 最长无重复字符子串
- storage / cookie 区别 → Cookie vs Web Storage
- 代码输出题（事件循环）
- 布局手写
二面（场景 + 系统 + 沟通）
- 浏览器渲染过程 → 浏览器渲染过程, 关键渲染路径
- defer / async 区别 → script defer vs async
- 页面加载慢怎么排查（场景题）→ 页面加载性能排查
- 怎么跟客户沟通（行为题）
- 怎么设计页面慢监控系统（系统设计）→ 性能监控体系
- SPA vs MPA → SPA vs MPA
HR 面
- 压力面
- 协作能力
- 地点选择
- 加班看法
- 为什么来招银
备考优先级
第一优先（必考交集）
- 浏览器缓存机制（强缓存、协商缓存、304）
- 输入 URL 到页面展示全流程
- JS 基础：类型、类型判断、new、instanceof、箭头函数
- HTTPS 加密机制
- 最长无重复子数组（算法高频）
第二优先（场景区分题）
- 页面加载慢排查思路（从网络、资源、JS、渲染四个维度）
- 前端监控方案设计（怎么发现慢、怎么上报、怎么分析）
- SPA vs MPA 对比
- defer / async 区别与使用场景
第三优先（笔试编程 + 行为）
- Function 原型链 AOP 实现
- Promise + setTimeout 输出题
- CSS 动画手写
- 行为题：客户沟通、为什么来招银、加班看法
备考建议
- 招银前端最看重完整方案能力，不是只背八股，要能把缓存/渲染/监控/沟通串成一个落地方案
- 准备两类答案：一类是标准题（缓存、渲染、HTTPS），一类是场景题（排查慢页面、设计监控、和客户沟通）
- 笔试编程偏原型链和事件循环，AOP 实现要会手写
- 二面会转向系统和沟通，提前准备”如果客户说页面慢，你怎么排查和回应”的完整叙事
- HR 面会考察稳定性和协作，地点选择和加班看法要提前想好