• 第1章 實(shí)戰(zhàn)項(xiàng)目初始化
• 視頻：1-1 環(huán)境搭建(02:35)
• 視頻：1-2 介紹nodejs、npm(05:49)
• 視頻：1-3 項(xiàng)目安裝(16:21)
• 視頻：1-4 問(wèn)題解決+結(jié)語(yǔ)(02:31)

• 第2章 常用的圖片優(yōu)化方法
• 視頻：2-1 圖片與css(02:31)
• 視頻：2-2 圖片分類(lèi)(03:01)
• 視頻：2-3 圖片的加載方式(02:55)
• 視頻：2-4 CSSSprites簡(jiǎn)介(06:44)
• 視頻：2-5 CSSSprites實(shí)戰(zhàn)(07:05)
• 視頻：2-6 未來(lái)方法+結(jié)語(yǔ)(03:52)

• 第3章 常用視頻優(yōu)化方法
• 視頻：3-1 視頻播放器簡(jiǎn)介(05:42)
• 視頻：3-2 自定義播放器(09:43)
• 視頻：3-3 js前置(06:27)
• 視頻：3-4 資源提前(03:38)

• 第4章 介紹常用緩存方式
• 視頻：4-1 簡(jiǎn)介技術(shù)選型(02:57)
• 視頻：4-2 sessionStorage(08:14)
• 視頻：4-3 userData+cookie(03:07)
• 視頻：4-4 openData+localstorage(14:39)
• 視頻：4-5 localstroage邊界值+結(jié)尾(05:51)

• 第5章 做一個(gè)通用的緩存SDK
• 視頻：5-1 SDK功能簡(jiǎn)介(01:00)
• 視頻：5-2 網(wǎng)絡(luò)功能拆解(01:57)
• 視頻：5-3 網(wǎng)絡(luò)請(qǐng)求1(10:21)
• 視頻：5-4 網(wǎng)絡(luò)請(qǐng)求2(02:06)
• 視頻：5-5 前三個(gè)3(06:16)
• 視頻：5-6 本地存儲(chǔ)模塊(02:29)
• 視頻：5-7 Ie開(kāi)頭(03:04)
• 視頻：5-8 startup(03:10)
• 視頻：5-9 SaveSDK(06:31)
• 視頻：5-10 startup填空(05:40)
• 視頻：5-11 添加寫(xiě)入DomUtils(08:24)
• 視頻：5-12 SDK完成(08:04)
• 視頻：5-13 代碼引入(05:14)
• 視頻：5-14 改正語(yǔ)法錯(cuò)誤(05:39)
• 視頻：5-15 代碼死循環(huán)(04:49)
• 視頻：5-16 死循環(huán)問(wèn)題解決(03:50)
• 視頻：5-17 寫(xiě)入緩存(04:29)
• 視頻：5-18 請(qǐng)求發(fā)送XHR對(duì)象為Null(13:18)
• 視頻：5-19 解決xhr為Null(02:53)
• 視頻：5-20 解決回調(diào)失敗問(wèn)題(05:45)
• 視頻：5-21 存儲(chǔ)成功(01:22)
• 視頻：5-22 讀取成功(08:06)
• 視頻：5-23 我們的SDK適合干什么(06:35)
• 視頻：5-24 大功告成(08:25)

• 第6章 高性能的dom
• 視頻：6-1 什么是dom(04:14)
• 視頻：6-2 回流和重繪(02:49)
• 視頻：6-3 為什么避免回流和重繪(04:51)
• 視頻：6-4 如何避免回流和重繪(03:35)
• 視頻：6-5 如何分辨重繪(06:58)
• 視頻：6-6 結(jié)語(yǔ)(01:52)