采用建造者模式来搭建模块框架

  1. 请求图片模块
  2. 检测图片加载模块(因为一般轮播图的图片比较大,而我们又需要在第一时间就展现出来,所以等待图片加载完成后再返回一个事件去渲染)
  3. 图片展示模块(此模块一般会重复四到六次,来展示不同的图片达到轮博的效果)
  4. 自动播放模块(放一个定时器,自动播放,切换图片)
  5. 图片的位置移动(在自动播放,或者手动切换的时候,调用此方法来实现图片的切换,在其中加入渐隐渐显的选择开关;一般采用translateX来实现移动,
  6. 触摸移动模块(在拖动图片的时候,会暂停自动播放模块,并根据用户的操作让图片产生暂时移动,并将上下的滑动按比例转化为水平滑动,检测滑动幅度超过阈值就调用位置移动模块,不超过则在触摸事件结束的时候弹回原位置,并开启自动播放模块
  7. 轮播图模块(综合以上几个模块,可以传入图片url,是否渐显渐隐等参数,并将参数传给相应模块将其进行柯里化,方便其他模块在调用的时候,不需要在传入初始值)
© Jasonk0 all right reserved,powered by Gitbook该文件修订时间: 2022-07-21 08:53:32

results matching ""

    No results matching ""