簡介：今天就給大家完整的講解一個移動端dialog組件的開發全過程，抽絲剝繭，去分析一個 Dialog 組件的種種功能，通過組件化，參數可配置化的方式，給大家集成封裝一個相對完美的 Dialog對話框組件。
第1章 課程準備
本章節演示Dialog組件的使用以及課程的知識儲備。
第2章 Dialog 組件的 DOM 結構、CSS 樣式的搭建
本章節講解Dialog組件的DOM結構如何劃分、配合結構初始化基本的CSS樣式。
第3章 JS實戰開發
本章節講解組件的參數配置和相關的功能開發。
第4章 簡單優化圖片資源(擴展了解)
本章做一個圖片資源的優化，用Base64和css3的方式替代圖片資源。
第5章 參數擴展及Bug解決
本章講解額外參數功能擴展和一些bug的處理。
第6章 課程總結和組件實際項目演示
本章總結一下本期課程，通過一個購物車操作的實際項目，檢驗下Dialog組件的使用場景。