VIP20
本课程属于：039-模块化架构渲染瓶颈剖析 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

内存泄漏导致渲染卡顿案例分析教程

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
内存泄漏与渲染卡顿
问题背景与课程目标
内存泄漏渲染卡顿
02
浏览器渲染流程详解
关键渲染路径（CRP）
浏览器渲染流程详…CRP
03
JavaScript内存管理基础
栈与堆
JavaScript内存管理基础
04
V8引擎的垃圾回收机制
新生代与老生代
V8引擎的垃圾回收机…
05
常见内存泄漏类型
意外的全局变量
常见内存泄漏类型意外的全局变量
06
常见内存泄漏类型
被遗忘的定时器与回调
常见内存泄漏类型被遗忘的定时器
07
常见内存泄漏类型
闭包导致的变量驻留
常见内存泄漏类型闭包导致的变量驻…
08
常见内存泄漏类型
DOM引用未释放
常见内存泄漏类型DOM
09
常见内存泄漏类型
事件监听器未移除
常见内存泄漏类型事件监听器未移除
10
使用Chrome DevTools Memory面板分析内存泄漏
使用Chrome DevTools Me… · 核心概念 · 实践要点
ChromeDevTools
11
使用Performance面板定位渲染卡顿帧
使用Performance面板定位渲染卡… · 核心概念 · 实践要点
Performance使用
12
结合Memory与Performance
关联泄漏与卡顿
MemoryPerformance
13
案例一
死循环定时器导致内存暴涨与卡顿
案例一死循环定时器导致…
14
案例二
无限添加DOM节点与事件委托陷阱
案例二DOM
15
案例三
React/Vue中组件卸载未清理副…
案例三React/Vue
16
案例四
长列表虚拟化实现中的内存泄漏
案例四长列表虚拟化实现
17
案例五
Web Workers中的泄漏问题
案例五Web
18
渲染卡顿的另一个元凶
强制同步布局（Forced Refl…
渲染卡顿的另一个…Forced
19
内存泄漏与强制同步布局的相互作用
内存泄漏与强制同步布局的相互作用 · 核心概念 · 实践要点
内存泄漏强制同步布局的相…
20
使用requestAnimationFrame优化动画与减轻GC压力
使用requestAnimationFr… · 核心概念 · 实践要点
requestAnima…GC
21
WeakMap与WeakSet
辅助管理对象引用
WeakMapWeakSet
22
设计模式
使用清理函数与Disposable模…
设计模式Disposable
23
自动化检测工具
Lighthouse · ESLint规则
自动化检测工具Lighthouse
24
大型SPA中的内存泄漏治理策略
大型SPA中的内存泄漏治理策略 · 核心概念 · 实践要点
SPA大型
25
WebAssembly场景下的内存管理注意事项
WebAssembly场景下的内存管理注… · 核心概念 · 实践要点
WebAssembly场景下的内存管理…
26
跨框架（React+Vue+原生）内存泄漏共性总结
跨框架（React+Vue+原生）内存泄… · 核心概念 · 实践要点
React+Vue+跨框架
27
实战
从卡顿报告反推内存泄漏根因
从卡顿报告反推内…重点
28
编写可记忆的泄漏检测代码片段库
编写可记忆的泄漏检测代码片段库 · 核心概念 · 实践要点
编写可记忆的泄漏…重点
29
性能监控与报警
实时内存占用可视化
性能监控报警
30
课程总结
建立“防泄漏-检测-修复”闭环思维
课程总结建立“防泄漏