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