💬 面试亮点专题库

面试官找不到话题时,主动亮出来的「印象深刻的问题 / 踩过的坑 / 亮眼设计」
覆盖 前端 / 安全 / Java / 数据库 / 性能 / 部署 / 生产事故 / AI 全方向
21 篇深度专题 + 120+ 脑暴话题 + 240+ 知识点辐射 · 面试核武器
21
深度专题
120+
脑暴话题
240+
知识点辐射
12
技术领域
⭐ 最推荐 · 核心方法

🎯 以点带面 — 一个场景牵出一片技术

20 个真实场景(事故/现象),每个画知识辐射图,标出能聊到的 12-15 个技术点。讲一个故事 = 展示一片知识体系。面试核武器

🎬 20 真实场景🌊 240+ 知识点💡 讲故事带体系
📋 话题挑选

🧠 面试话题脑暴总览 — 12 领域 120+ 话题

面试官卡壳?从这里挑话题。覆盖前端/安全/Java/DB/性能/部署/生产/AI/架构全方向。每个话题带「一句话钩子」,扫一眼就能挑。

🔥 高频题🐛 真实踩坑💎 深度⚡ 原理
前端核心原理 & 安全
八股但面试官爱问,答得深能体现功底。安全是区分"会写"和"专业"的分水岭。
13

事件循环 / 闭包 / 原型链 / 渲染

微任务宏任务、闭包内存泄漏、this 指向、浏览器渲染全链路、重排重绘合成层。每题带踩坑故事。
🔥高频原理八股
钩子:「大屏 7×24 跑内存涨,定位是闭包持有大对象,GC 回收不掉」
14

XSS / CSRF / CSP / 越权

XSS 类型与防御、CSRF 与 SameSite、CSP 白名单、IDOR 越权、token 存储权衡、点击劫持、供应链安全。
🔥高频LLM 必备深坑
钩子:「LLM 输出我用 DOMPurify 清洗才敢 v-html,防 XSS」
📊可视化 & 复杂业务组件
简历最有料的板块,坑多能体现深度。面试官最爱从这里切入。
01

4K 大屏 + ECharts 比亚迪

scale 适配 4K 黑边、14 图表性能、ECharts 必须 shallowRef/markRaw、setOption 增量、WebSocket 断线重连心跳。
shallowRef4K高频追问
钩子:「14 个图表 ref 劫持卡死,改 shallowRef 秒切」
02

万行级表格虚拟滚动 菲克斯/用友

ag-grid vs vxe 选型、虚拟滚动原理(只渲染可视区)、滚动抖动、固定列错位、行高不一致、dirty 提交。
ag-grid虚拟滚动原理题
钩子:「3 万行白屏 5 秒,虚拟滚动后首屏 200ms」
03

TipTap 表格嵌套 菲克斯

ProseMirror Schema、表格嵌套、ContentEditable 浏览器差异、Word 粘贴污染、白名单过滤、协同选型。
TipTapProseMirror深坑
钩子:「表格嵌套,Chrome/Safari 光标行为不一样,排查一周」
04

jsPlumb 流程设计器 中电

节点拖拽连线、画布缩放坐标换算、撤销重做命令模式、上千节点性能、防环 DFS、jsPlumb 选型。
jsPlumb命令模式交互
钩子:「画布缩放后,拖拽坐标要除以 scale,踩了好久」
11

测评指标树 8000 节点 菲克斯

虚拟树原理(树扁平化)、懒加载子节点、懒加载搜索(后端返回路径)、树形拖拽跨层级防环、path 更新。
虚拟树懒加载拖拽
钩子:「el-tree 8000 节点卡死,换 el-tree-v2 虚拟树丝滑」
10

章节级文档 diff 比对 菲克斯

Myers diff 算法、两层比对(章节+表格)、三色高亮、表格 diff 难点、万行文档性能(Web Worker+虚拟滚动)。
Myers diff效率+70%算法
钩子:「文档比对用 Myers diff 两层比对,效率提升 70%」
🏗️架构 & 多端工程
高级前端/负责人岗位的核心,体现从"写页面"到"定规范"。
05

Vue3 插件化架构 菲克斯

Snowy 二次开发、4 插件并行、插件注册路由/菜单/权限、三层架构、ESLint 强制约束、vs 微前端。
Vue3架构高级题
钩子:「4 插件并行,app.use + 动态路由让插件自注册页面」
06

多租户隔离 + 权限 菲克斯

三层隔离(路由/数据/UI)、无刷新切换、v-permission 指令、token 刷新竞态(Promise 队列)、RBAC。
多租户RBAC隔离
钩子:「多请求 401 用 isRefreshing+队列,只刷新一次」
08

Electron 离线编辑 菲克斯

主/渲染进程、contextBridge IPC、contextIsolation 安全、electron-updater 差量包、离线冲突字段级合并、vs Tauri。
Electron自动更新离线
钩子:「离线编辑冲突,字段级时间戳合并,关键字段人工选」
12

海外多语言购车 比亚迪

多区域配置化、vue-i18n、德语长度坑、RTL logical properties、GDPR/LGPD 合规、Intl 货币格式化。
i18n响应式业务深度
钩子:「德语比中文长 40%,按钮溢出,弹性布局+约定字符数」
🤖AI 应用 & 性能优化
AI 是当下最热方向,性能是所有岗位必问。都有量化结果。
07

LLM 流式对话 & RAG 菲克斯

SSE vs WebSocket、fetch ReadableStream、流式 Markdown 解析(代码块未闭合)、AbortController 中断、Text2SQL、DOMPurify。
SSE流式渲染亮点
钩子:「流式 Markdown 代码块未闭合崩,buffer 补全」
09

首屏 3.2s→1.1s 中电

量化方法论(Lighthouse/Performance)、渲染全链路、关键请求并行、分包懒加载、defer/async、重排重绘、Core Web Vitals。
可量化方法论必问
钩子:「3.2s→1.1s,关键请求并行省 1s,分包省 800ms」
Java 后端 & 数据库
你的全栈能力证明。简历 4 年全栈,能聊并发/JVM/Spring/MySQL/Redis。
15

Java 并发(线程池/锁/volatile)

线程池 7 参数/拒绝策略、synchronized vs Lock、volatile、CAS/AQS、并发容器。ThreadLocal 详见专题 22。
🔥高频线程池原理
钩子:「线程池生产别用 Executors,OOM 风险,自己 new」
22

ThreadLocal vs 线程池(辨析)

两个独立概念,不是一回事!ThreadLocal 做隔离,线程池做复用。对比表 + 场景 + 代码 + 一起用放大泄漏的坑。
🔥易混淆概念辨析代码
钩子:「ThreadLocal 和线程池没关系,一个隔离一个复用,一起用才放大泄漏」
16

JVM 内存 & OOM 排查

JVM 内存模型(堆/栈/方法区)、GC(G1/CMS)、OOM 类型、jmap/jstack/MAT 排查、GC 调优。
🔥高频OOM排查
钩子:「线上 OOM,jmap dump 堆,MAT 支配树找大对象」
17

MySQL 索引 & 锁

B+树、联合索引最左前缀、EXPLAIN、事务隔离/MVCC、行锁间隙锁死锁、慢查询优化、覆盖索引/回表。
🔥高频B+树死锁
钩子:「大分页 LIMIT 慢,改游标/延迟关联,加覆盖索引」
18

Redis 缓存三大问题

穿透/击穿/雪崩 + 解法、5 大数据结构场景、缓存一致性(双删)、持久化 RDB/AOF、分布式锁 Redisson。
🔥高频三大问题分布式锁
钩子:「缓存击穿用互斥锁,雪崩过期时间加随机」
🚨生产排查 & 部署
最能体现真实经验,有故事的面试官最爱听。
19

生产问题排查(CPU/OOM/慢接口)

CPU 飙高(top+jstack)、OOM(jmap+MAT)、接口慢(APM)、死锁、前端白屏(Sentry)、限流熔断降级。
🔥真实事故排查方法论
钩子:「CPU 100%,top 找进程 top -H 找线程 jstack 看堆栈」
20

Docker & Nginx 部署

多阶段构建减小镜像、compose 编排、Nginx 反代/负载/gzip/history 404、前端 OSS+CDN 部署、灰度。
DockerNginx全栈必备
钩子:「history 模式刷新 404,Nginx try_files fallback」