帆软前端笔试面试准备
帆软研发类前端开发岗位春招备考入口，整理笔试题型、面试高频考点、算法题和准备优先级。
#tech / dev / frontend
#type / howto
#status / growing
#resource / interview
#source / company / fanruan
[!info] related notes 前端高频入口: 前端八股文 MOC React 主线: React MOC, Fiber MOC 跨端: Hybrid 应用, React Native 简介 算法: 算法面试题型 MOC
帆软前端笔试面试准备
帆软前端岗是这四家里公开信息最完整、要求最系统的一家。岗位归属”研发类-前端”，地点无锡/南京，核心做 FineUI + React/React Native，对前端基础宽度、CSS 细节、性能优化和跨端能力要求高。
岗位画像
- 岗位：前端开发工程师 | 研发类-前端
- 地点：无锡 / 南京
- 技术栈：HTML5/CSS3/JavaScript、React（主力）、Angular/Vue、Redux/Vuex/MobX、Web 性能优化
- 产品方向：FineUI、多条产品线界面、移动端（React Native）、部分 HC 挂 FineStar（符合条件可免笔试直达业务面）
- 春招时间：2026/03/04 ~ 2026/05/04
笔试题型
帆软笔试不是纯前端八股，覆盖面广：
| 模块 | 内容 |
|---|---|
| 逻辑/智力 | 逻辑题、概率题、智力题 |
| 计算机基础 | 组原、计网、数据结构与算法 |
| 前端基础 | HTML/CSS/JS 客观题 |
| 算法代码 | LeetCode medium 难度，至少一道前端相关编程题 |
公开算法题样本：
- 最长回文子序列长度（DP）
- 其他编程题因保密未公开，但有”后端两道、前端一道”的配置说法
面试高频考点
一面（基础广度 + CSS 细节）
- 小程序滚动穿透 → 小程序滚动穿透
- Hybrid / RN 跨端方案
- 请求量大怎么处理 → 前端性能优化面试题
- 浏览器内存过大怎么排查 → 浏览器内存泄漏排查
- 为什么大站用多个域名 → 浏览器域名分片
- 浏览器缓存、强缓存更新 → 浏览器缓存分类与 304 / memory cache / disk cache
0.1 + 0.2 !== 0.3→ 浮点数精度问题- 学习路径（行为题）
- 爬楼梯（算法）→ 爬楼梯
二面（深度 + 工程化）
- HTML 语义化 → HTML 语义化元素
- 微信兼容性处理
- XSS / CSRF → XSS 攻击, CSRF 攻击
- Vue2 vs Vue3 → Vue2 vs Vue3 对比
- Vuex vs Pinia
- Flex vs Grid → Flex 和 Grid 的区别
- TypeScript
- 防御性编程
- 代码质量和 CI/CD → 前端 CI/CD
三面（手撕算法）
其他高频覆盖
- 0.5px 边框 → CSS 0.5px 边框
- CSS 优先级 → CSS 优先级与特异性
- typeof / instanceof → ECMAScript 类型检测
- HTTP 方法 / 状态码 / OPTIONS
- 海量数据渲染 → 海量数据渲染
- 路由模式 → 前端路由
- Hooks → React Hooks
- VDOM → 虚拟 DOM
- key 的作用 → React 列表渲染与 key
备考优先级
第一优先（必考交集）
- React 核心：Hooks、VDOM、key、状态管理
- 浏览器：缓存机制、内存排查、多域名策略
- CSS 细节：优先级、0.5px 边框、Flex vs Grid
- 前端安全：XSS、CSRF
第二优先（高频区分）
- 跨端：Hybrid、RN、小程序滚动穿透
- 性能优化：海量数据渲染、请求优化
- 工程化：CI/CD、代码质量、防御性编程
- TS 基础
第三优先（手撕算法）
- 2 的幂、跳跃数组、爬楼梯
- 最长回文子序列（DP）
- LeetCode medium 难度常规题
备考建议
- 帆软是这四家里最看前端基础宽度的，不要只背 Vue，React 也要能讲
- CSS 细节考得比别家细，0.5px 边框、优先级比较要能手写
- 算法至少到 LeetCode medium，DP 和贪心要会
- 行为题会问学习路径，提前准备一个清晰的技术成长叙事
- 如果符合 FineStar 条件，争取免笔试直达业务面