探索一些常见的前端问题和场景，并提供相应的思路或解决方案。但如果已有成熟的三方库，会优先推荐。
这里收录的是高级前端面试高频场景题，重点在「思路 + 关键实现 + 常见追问」，而非完整造轮子。
场景题导航
文件 / 图片
| 场景 | 关键考点 |
|---|
| 文件上传 | 大文件分片、断点续传、秒传(hash)、并发控制、进度条 |
| 文件下载 | 强制下载、Blob、createObjectURL、跨域 |
| 文件导出 | 网页转图片/PDF、html2canvas |
| 图片懒加载 | IntersectionObserver、渐进加载、防 CLS |
| 页面快照 | html2canvas 两种模式、跨域污染、清晰度 |
| 图片裁剪 | canvas 蒙层、选区、导出 |
| 图片预览 / 轮播图 | 缩放、无缝衔接 |
性能 / 监控
| 场景 | 关键考点 |
|---|
| 虚拟列表 | 可视区渲染、定高/不定高、二分查找 |
| 前端错误监控 | 错误捕获、sourcemap 还原、sendBeacon 上报 |
| 埋点与数据上报 | 手动/无埋点、曝光埋点、上报时机 |
| 骨架屏 | 构建期生成、puppeteer 提取 |
鉴权 / 业务
| 场景 | 关键考点 |
|---|
| 登录 | cookie/session、JWT、SSO、OAuth、无感刷新、多标签同步 |
| 权限控制 | 路由/按钮/数据权限、动态路由、RBAC |
| 前端水印 | canvas 背景、MutationObserver 防删 |
| 夜间模式 | CSS 变量切换主题 |
| 倒计时 | setTimeout 自校准、服务器时间校准 |
| 刮刮卡 | destination-out 擦除、完成度判断 |