簡介:我們在實(shí)際前端開發(fā)過程中,能否封裝出易用易維護(hù)可定制可擴(kuò)展的組件,是衡量工程師能力是否成熟的非常重要的一個指標(biāo)。本課程以彈窗組件為例,講解如何開發(fā)web前端組件,如何實(shí)現(xiàn)可讀性、擴(kuò)展性、易用性、重用性、模塊化等等技巧,讓您的組件開發(fā)技能不在空白。
第2章 如何定義和加載組件
介紹組件的定義、加載方式,如何增加組件,組件CSS與JS命名沖突問題,如何解決命名沖突等。
第3章 簡單的彈窗組件
講解原生彈窗問題,如何自定義簡單的彈窗組件,并實(shí)現(xiàn)帶關(guān)閉按鈕的組件。
第12章 自定義事件
講解簡單回調(diào)的問題,如何添加自定事件。
第15章 為Widget類設(shè)計統(tǒng)一生命周期
講解如何為Widget類添加統(tǒng)一生命周期,實(shí)現(xiàn)效果。
第16章 實(shí)現(xiàn)confirm方法
講解如何實(shí)現(xiàn)confirm效果的組件。
第17章 實(shí)現(xiàn)prompt方法
講解如何實(shí)現(xiàn)prompt效果的組件。