面向对象

组件的思路

用构造函数来实现，主要的方法放在构造函数的原型对象上，需要一个对象的时候就可以直接使用构造函数的实例。为了安全考虑，可以将构造函数放置在IIFE（立即执行函数）中，然后返回一个对象，对象中有一个函数就是构造函数的实例。

轮播组件：

实现了自动播放，以及手动点击切换的功能。

代码：https://github.com/HappyXll/WEB-KNOWLEDGE/blob/master/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/Carousel%20%E7%BB%84%E4%BB%B6.html

效果展示：https://happyxll.github.io/WEB-KNOWLEDGE/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/Carousel%20%E7%BB%84%E4%BB%B6.html

曝光加载组件：

不管是图片加载和文字曝光后的操作，都可以扩展操作。

代码：https://github.com/HappyXll/WEB-KNOWLEDGE/blob/master/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/Exposure%E7%BB%84%E4%BB%B6.html

效果展示：https://happyxll.github.io/WEB-KNOWLEDGE/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/Exposure%E7%BB%84%E4%BB%B6.html

Tab组件：

可以扩展的是可以自行扩展多个标签和内容

代码：https://github.com/HappyXll/WEB-KNOWLEDGE/blob/master/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/tab%E7%BB%84%E4%BB%B6.html

效果展示:https://happyxll.github.io/WEB-KNOWLEDGE/%E5%89%8D%E7%AB%AF%E5%B7%A5%E4%BD%9C%E6%B5%81/tab%E7%BB%84%E4%BB%B6.html