Appearance
求职难点攻关 · 16 章学习笔记
字数: 0 字 时长: 0 分钟
整理自「03. 项目准备 / 难点攻关」课程，面向 约 2 年前端：每章有通俗解释、可点开的演示（如有）、面试怎么说。
演示页在 docs 站点内路径：/求职难点攻关/demos/xxx.html（需npm run docs:dev）。
后台 + qiankun
若你司技术栈是 qiankun 微前端后台，请优先精读 09 微前端（详细版），并与 03 / 08 / 10 / 11 / 12 / 16 章对照阅读。
建议学习顺序
| 顺序 | 章节 | 难度 | 有在线演示 |
|---|---|---|---|
| 1 | 16 defer 分帧渲染 | ⭐ | ✅ |
| 2 | 10 DNS 解析优化 | ⭐ | ✅ |
| 3 | 07 表单数据同步 | ⭐⭐ | 需本地跑项目 |
| 4 | 12 跨标签页通信 | ⭐⭐ | ✅ |
| 5 | 14 计时器节流 | ⭐⭐ | ✅ |
| 6 | 03 TTS / 请求取消 | ⭐⭐ | ✅ |
| 7 | 08 虚拟列表 | ⭐⭐ | ✅ |
| 8 | 05 网页复制成图片 | ⭐⭐ | — |
| 9 | 02 Webpack 构建优化 | ⭐⭐⭐ | — |
| 10 | 13 Vite 相关优化 | ⭐⭐⭐ | — |
| 11 | 06 Vite 插件 | ⭐⭐⭐ | 需本地跑项目 |
| 12 | 11 前端监控 | ⭐⭐⭐ | — |
| 13 | 15 多文件预览 | ⭐⭐⭐ | 需本地跑项目 |
| 14 | 01 图像处理 | ⭐⭐⭐⭐ | ✅ 简化版 |
| 15 | 04 实时协作 | ⭐⭐⭐⭐ | — |
| 16 | 09 微前端（qiankun 详细版） | ⭐⭐⭐⭐ | 文档 |
全部章节
- 01 图像处理
- 02 Webpack 构建优化
- 03 TTS 性能优化
- 04 实时协作
- 05 网页复制成图片至剪贴板
- 06 Vite 插件
- 07 表单数据同步与保持
- 08 优化虚拟列表滚动
- 09 微前端解决巨石应用
- 10 DNS 解析与优化
- 11 前端监控
- 12 跨标签页通信
- 13 Vite 相关优化
- 14 计时器节流问题
- 15 多文件预览支持
- 16 defer 优化白屏时间
演示页一览
| 演示 | 链接 |
|---|---|
| 01 主线程图像卡顿 | /求职难点攻关/demos/01-image-main-thread.html |
| 03 取消 Fetch | /求职难点攻关/demos/03-abort-fetch.html |
| 08 虚拟列表对比 | /求职难点攻关/demos/08-virtual-list.html |
| 10 DNS 预解析示例 | /求职难点攻关/demos/10-dns-demo.html |
| 12 BroadcastChannel | /求职难点攻关/demos/12-broadcast-channel.html |
| 14 后台定时器节流 | /求职难点攻关/demos/14-timer-background.html |
| 16 同步 vs RAF vs rIC | render-1 · render-2 |
课程原始路径
本机课件根目录（供本地 npm run dev 跑完整项目）：
d:\BaiduNetdiskDownload\求职之道资料课程\求职之道资料课程\03. 项目准备\难点攻关\