项目场景索引
把跨目录的场景题按问题类型聚合,适合做项目复盘、故障演练和面试追问。
适合查找“这个问题应该看哪几篇”的开发者和面试准备者。按场景选读,单个场景 30–90 分钟6 个阶段 · 45 篇重点文章
阶段 1
01 · 请求、登录与一致性
处理超时、取消、重复提交、Token 失效和异步回调。
检查点
画出一次请求从发起、重试、刷新 Token 到最终失败的状态机。
阶段 2
02 · 上传、预览与 Canvas
在大文件、跨源资源和预览交互之间做出可解释的方案。
检查点
说明如何恢复同一文件的上传,并列出客户端不能单独保证的安全边界。
阶段 3
03 · 渲染、交互与性能
把卡顿、长任务、列表渲染和图表异常拆成可测量的问题。
检查点
列出至少一个用户指标、一个浏览器指标和一个代码层验证。
- 1浏览器原理、性能与资深面试rAF、Idle、Worker、Observer 与通信
- 2React 组件如何优化性能?(React性能优化的手段有哪些?)重复渲染和长列表
- 3Vue3.0 性能提升主要是通过哪几方面体现的?响应式更新和编译优化
- 4如果要做优化,CSS 提高性能的方法有哪些?样式、布局和绘制成本
- 539. Axios 与 ECharts 速览ECharts 初始化、resize 和销毁
- 6性能指标采集与问题诊断从指标和录制证据定位瓶颈
- 7渲染与运行时性能优化长任务、布局、Worker 和内存
- 8React 与 Vue 运行时优化组件更新边界和列表性能
- 9性能、渲染与大数据真题虚拟列表、1px 和大数据传输
阶段 4
04 · 跨页面与跨应用
选择合适的通信机制,明确同源、跨源、生命周期和安全校验。
检查点
对比 storage、BroadcastChannel、postMessage、Service Worker 和 SharedWorker。
阶段 5
05 · 构建、兼容与稳定性
处理构建产物、兼容性、依赖治理和线上故障闭环。
检查点
为一次构建异常写出复现、定位、止血和回滚步骤。
- 1Webpack 知识体系补充扩展sideEffects、externals 和产物治理
- 2聊一聊 Babel 原理吧runtime、polyfill 与转换边界
- 3Vite 面试进阶详解环境变量和构建模式
- 4前端稳定性:监控 SDK 与故障闭环502、白屏和性能事故 Runbook
- 5Docker 面试进阶详解:构建、排障与安全镜像、容器资源与发布排障
- 6前端场景:跨端交互与发布治理Canvas、下拉刷新、通信、i18n 和 npm 发布
- 7Webpack 扩展与构建生命周期构建阶段、产物和 HMR 排障
- 8构建体积与性能治理依赖、预算、缓存和发布回归
- 9项目四:前端规范 CLI 与研发效能平台规范门禁、增量迁移和回滚
- 10项目五:前端稳定性监控与大促高可用监控、容量、降级和事故复盘
- 11Git 原理、安全工作流与资深面试补丁、回滚和版本定位
阶段 6
06 · 项目亮点复盘
把 AI、低代码、公共库、稳定性和性能项目还原成可验证的面试案例。
检查点
为一个项目写出个人边界、架构图、失败路径、指标和回滚入口。