簡(jiǎn)介：Tab選項(xiàng)卡，作為網(wǎng)頁(yè)必不可少的展示功能，它的存在不僅可以在頁(yè)面中合理的展示內(nèi)容，也符合當(dāng)下實(shí)現(xiàn)無(wú)刷新異步展示數(shù)據(jù)的潮流，它和焦點(diǎn)圖輪回相比異曲同工，但本質(zhì)不同，希望通過(guò)這節(jié)既簡(jiǎn)單有普遍的例子，我們一一剖析它的實(shí)現(xiàn)原理。
第1章 課程準(zhǔn)備
本章對(duì)Tab選項(xiàng)卡功能的演示和基礎(chǔ)知識(shí)的了解。
第2章 Tab選項(xiàng)卡的DOM結(jié)構(gòu)和CSS樣式的搭建
本章對(duì)Tab選項(xiàng)卡的DOM結(jié)構(gòu)進(jìn)行講解，頁(yè)面基本樣式重置，怎樣合理的設(shè)計(jì)對(duì)應(yīng)的DOM結(jié)構(gòu)。
第3章 聊聊OOP(面向?qū)ο?
本章節(jié)通過(guò)思維結(jié)構(gòu)圖對(duì)Tab選項(xiàng)卡進(jìn)行剖析和個(gè)人對(duì)怎樣封裝插件的看法和想法。
第4章 JS實(shí)戰(zhàn)
本章講解Tab選項(xiàng)卡的配置參數(shù)設(shè)計(jì)擴(kuò)展，事件綁定和功能實(shí)現(xiàn)。
第5章 更多用戶體驗(yàn)和交互邏輯
本章講解多種用戶交互行為上的處理以及自動(dòng)實(shí)現(xiàn)輪播。