[!info] related notes 泰隆: 泰隆银行前端春招准备 帆软: 帆软前端笔试面试准备 顺丰: 顺丰前端面试准备 招行: 招商银行前端笔试面试准备 微步: 微步在线前端笔试面试准备

银行与科技企业前端面试对比

泰隆银行、帆软、顺丰、招商银行四家春招前端工程师的横向对比，提炼交集最高的考点和差异化备考策略。

四家风格一句话总结

公司	风格关键词	一句话
泰隆银行	Vue + 行为稳定性	银行科技岗典型考法：技术不深挖，但 Vue 基础要透，行为稳定性占比大
帆软	基础宽度 + CSS 细节 + 跨端	四家里最系统：前端基础宽度、CSS 细节、性能优化、跨端能力全覆盖
顺丰	浏览器/网络/Vue/监控四件套	面试风格稳定，项目追问细，算法不一定每轮都上
招银	企业级前端 + 场景方案	不只看八股，更看能不能把缓存/渲染/监控/沟通串成落地方案

高频考点交集

以下题目在四家中至少三家出现过，是最高优先级的公共题单：

考点	泰隆	帆软	顺丰	招行
浏览器缓存	-	✅	✅	✅
输入 URL 到渲染	-	-	✅	✅
Vue2 vs Vue3 / 双向绑定	✅	✅	✅	-
JS 类型 / 类型判断	-	✅	-	✅
事件循环	-	-	✅	✅
HTTP / HTTPS	-	✅	✅	✅
CSS 垂直居中	✅	-	-	✅
CSS 优先级	-	✅	-	-
前端安全 (XSS/CSRF)	-	✅	✅	-
性能优化	-	✅	✅	✅
Flex vs Grid	-	✅	-	-
算法（中等难度）	✅	✅	-	✅

差异化考点

公司	独有/高频特色题
泰隆	行为稳定性（为什么来金融/杭州、抗压、职业规划）、数据库/隔离级别混问
帆软	0.5px 边框、小程序滚动穿透、Hybrid/RN、内存排查、多域名策略、CI/CD
顺丰	APM 性能监控、白屏诊断、axios 封装、npm run build 原理、项目难点深挖
招行	页面慢排查方案、监控系统设计、客户沟通场景、Function 原型链 AOP、defer/async

公共题单（按优先级排序）

第一优先（四家交集最高）

1. 浏览器缓存机制（强缓存、协商缓存、304）→ 浏览器缓存分类与 304 / memory cache / disk cache
2. 输入 URL 到页面展示全流程 → URL 到页面渲染
3. Vue 双向绑定原理 → Vue2 与 Vue3 响应式系统对比
4. JS 类型判断 → ECMAScript 类型检测
5. 事件循环（宏任务/微任务输出题）→ JS 事件循环
6. HTTP/HTTPS 区别与加密 → HTTP 和 HTTPS 的区别
7. 前端性能优化 → 前端性能优化面试题

第二优先（三家覆盖）

8. CSS 垂直居中（至少三种方案）→ CSS 基线与垂直对齐
9. Vue2 vs Vue3 对比 → Vue2 vs Vue3 对比
10. 前端安全（XSS、CSRF）→ XSS 攻击, CSRF 攻击
11. 浏览器渲染过程 → 浏览器渲染过程
12. 手写深拷贝 → 深拷贝

第三优先（算法手写）

13. 最长无重复子数组 → 最长无重复字符子串
14. BFS 模板 → BFS 模板
15. 滑动窗口 → 滑动窗口模板
16. 爬楼梯 → 爬楼梯
17. 2 的幂 → 2 的幂

备考策略建议

如果时间只够刷一套

优先刷公共题单第一优先的 7 个专题，这套覆盖了四家公开样本的最大交集。

如果只投银行科技岗（泰隆 + 招行）

重点准备：

• Vue 基础讲透（双向绑定、条件渲染）
• 缓存 + 渲染全流程
• 场景题（页面慢排查、监控设计）
• 行为题（稳定性、沟通、为什么选银行）

如果只投科技企业（帆软 + 顺丰）

重点准备：

• React + Vue 双线都要能讲
• CSS 细节（优先级、0.5px、Flex/Grid）
• 性能优化 + 监控方案
• 工程化（webpack、CI/CD、TS）
• 算法至少 LeetCode medium

通用提醒

• 行为题每家都会问，提前准备好”项目难点”、“怎么解决困难”、“职业规划”三个通用答案
• 算法不一定要刷很多，但 BFS、滑动窗口、DP 模板要熟练
• 每家公司内部技术栈不同，面试前查清楚是 Vue 为主还是 React 为主，针对性准备

Related notes

• 前端工程化MOC
• 前端基础MOC
• CSS MOC
• ECMAScript MOC