03 · 事件机制
2026-10-01
DOM 事件的捕获与冒泡三阶段模型,addEventListener 的第三个参数(capture/once/passive),事件委托的原理与性能价值,以及 passive listener 解决滚动卡顿。
491 字
|
2 分钟
02 · 重排、重绘与合成层
2026-10-01
区分 Reflow(重排/布局)、Repaint(重绘)、Composite(合成)三者的代价差异;哪些属性触发哪种;用 transform/opacity 走 GPU 合成层避开昂贵的重排重绘;will-change 的正确用法。
476 字
|
2 分钟
01 · 渲染流水线
2026-10-01
从输入 URL 到像素上屏:解析 HTML 建 DOM、CSSOM,合成渲染树,Layout 布局、Paint 绘制、Composite 合成。理解每个阶段的开销,才知道优化该压哪一环。
422 字
|
2 分钟
浏览器与性能 · 路线总览
2026-10-01
浏览器原理与 Web 性能学习路线总览:从渲染流水线、重排重绘、事件机制、浏览器存储,到网络缓存、跨域安全、性能指标、加载/运行时优化、Web Workers 与首屏实战。以十年前端视角,解释"为什么卡、为什么慢、为什么白屏"。
408 字
|
2 分钟
11 · Monorepo 实战
2026-10-01
Monorepo 把多个关联包/应用放在一个仓库统一管理:pnpm workspace 做依赖提升与过滤,Turborepo 做任务编排与远程缓存。讲清它解决什么、又带来什么,以及"小团队该不该上"。
431 字
|
2 分钟
10 · 微前端
2026-10-01
微前端解决"多个团队、多个技术栈、独立部署却同屏运行"的问题。讲清核心思路(基座+子应用、运行时集成)、主流方案(qiankun/Module Federation)的取舍,以及它带来的复杂度代价。
567 字
|
3 分钟
09 · 构建产物分析与优化
2026-10-01
先量化再优化:用 bundle 分析工具定位体积大户,常见的优化手段(拆包、按需引入、压缩、资源优化、HTTP 缓存),以及"别盲目优化"的工程纪律。
458 字
|
2 分钟
08 · CI/CD 基础
2026-10-01
CI/CD 把"构建+测试+部署"自动化:每次 push 自动跑 lint、类型检查、测试、构建、发布。讲清流水线阶段划分、缓存加速、以及"构建失败就别上线"这条铁律。
437 字
|
2 分钟