面向对象

组件的思路

用构造函数来实现，主要的方法放在构造函数的原型对象上，需要一个对象的时候就可以直接使用构造函数的实例。为了安全考虑，可以将构造函数放置在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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 源码
    【Aipm引导页】 https://58976235.wodemo.net/down/20170514/44034...
    Mr_洛寒阅读 2,736评论 3赞 5
  • 技术分享标题
    ## 2015.06.05 - [开源利弊浅谈 - 张超耀](移动组周技术分享总结#开源利弊浅谈---张超耀) -...
    XcodeYang阅读 1,512评论 1赞 3
  • FUA
    (开始) (标题)iApc(/标题)(链接)https://duming666.wodemo.net/down/2...
    独名阅读 1,674评论 1赞 3
  • 我的音乐梦
    我是一个初二的学生，每天的任务就是学习好好学习。 But我并不喜欢学习，我喜欢唱歌，真的很喜欢很喜欢，爸妈不反对也...
    这很楠楠阅读 120评论 0赞 0
  • 待吻的红唇
    秋风渐起，樟叶也开始零星地飞扬了。樟树的落叶春天最多，春暖花开之时，新芽萌发长出新叶，挤掉老叶，暗红的老叶洋洋洒洒...
    我是明如月阅读 116评论 0赞 3