MiniMax 前端面经

1. 浏览器 CSS、JS、DOM 解析顺序 #面经#  #面试#

• 解析顺序：HTML 解析生成 DOM → CSS 解析生成 CSSOM → 合成渲染树 → 渲染

• 阻塞规则：CSS 不阻塞 DOM 解析，但阻塞 JS 执行；JS 阻塞 DOM 解析

2. 表格相关

• 表格缓存：内存/本地存储缓存数据、滚动位置、筛选状态

• 首屏监控：用 Performance 监听 FP、FCP、LCP 等核心指标

• 虚拟表格：只渲染可视区 DOM，用占位撑开高度，滚动时动态替换内容

• 表格选型：简单用原生；大数据用虚拟表格；复杂用 AntD/AgGrid

3. 前端安全

• XSS：转义、CSP、HttpOnly

• CSRF：Token、SameSite Cookie

• 点击劫持：X-Frame-Options

• 资源校验：SRI

4. Tree-Shaking 原理

• 基于 ES6 模块静态分析，打包时删除未引用代码，生产模式生效，不支持 CommonJS

5. React 与 Vue 区别

• React：不可变数据、JSX、手动更新、全量 Diff

• Vue：响应式代理、模板、自动更新、精准追踪更新

6. 微前端隔离（快照 vs Proxy）

• 快照：保存/恢复全局变量，实现简单，性能差

• Proxy：代理 window 实现沙箱，隔离好、性能高，兼容略差

7. 部署与回滚

• 部署：打包 → 上传静态资源 → Nginx 配置

• 回滚：切换至历史版本/重新部署上一版包

8. WebWorker

• 作用：开辟独立线程，处理耗时计算，不阻塞主线程

• API：new Worker()、postMessage、onmessage、terminate()

9. AI 语音对话实现

1. 前端获取麦克风音频

2. ASR 转文字

3. 发送大模型获取回答

4. TTS 转语音

5. 前端播放

10. JWT 双 Token

• AccessToken：短效，接口鉴权

• RefreshToken：长效，刷新用

• 流程：AT 过期 → 用 RT 换新 AT → RT 过期重新登录

11. MiniMax 了解

• 国内 AGI 大模型公司，提供文本、语音、多模态AI 能力，低延迟、端侧优化#牛客AI配图神器#