• 第1章 課程準備
• 視頻：1-1 案例演示(09:58)
• 視頻：1-2 課前知識準備(05:09)
• 視頻：1-3 課程安排(01:55)

• 第2章 Dialog 組件的 DOM 結構、CSS 樣式的搭建
• 視頻：2-1 頁面重置和 Dialog 結構搭建(07:05)
• 視頻：2-2 靜態樣式代碼編寫(20:37)

• 第3章 JS實戰開發
• 視頻：3-1 參數配置及擴展(19:16)
• 視頻：3-2 DOM結構創建(12:35)
• 視頻：3-3 對話框參數控制(16:36)
• 視頻：3-4 創建定制按鈕組(18:49)
• 視頻：3-5 檢驗各種情況下參數配置情況(13:45)
• 視頻：3-6 增加動畫效果(08:20)
• 視頻：3-7 對話框層級關系設置(08:14)

• 第4章 簡單優化圖片資源(擴展了解)
• 視頻：4-1 圖標 Base64 編碼(05:21)
• 視頻：4-2 用 CSS3 實現 Icon 圖標(16:12)

• 第5章 參數擴展及Bug解決
• 視頻：5-1 參數擴展和潛在 Bug 解決(14:26)
• 視頻：5-2 tap 和 click 事件講解及事件擊穿問題(09:36)

• 第6章 課程總結和組件實際項目演示
• 視頻：6-1 購物車操作演示(02:26)
• 視頻：6-2 課程總結(04:37)