題目1: 輪播的實(shí)現(xiàn)原理是怎樣的儒搭?如果讓你來實(shí)現(xiàn)悲柱,你會(huì)抽象出哪些函數(shù)(or接口)供使用?(比如 play())
-
輪播的實(shí)現(xiàn)原理:
coresel.png
黑色邊框指的是輪播窗口凡涩,即我們的可見區(qū)域
所有要展示的圖片水平排列棒搜,形成一個(gè)軌道
當(dāng)需要展示某張圖片時(shí),即移動(dòng)軌道活箕,將該圖片移到可見區(qū)域
當(dāng)圖片滑動(dòng)到軌道邊界時(shí)力麸,例如3到1,為了能保證滑動(dòng)效果的展現(xiàn),一般會(huì)在3后面放置一張圖片1的拷貝克蚂,當(dāng)3滑動(dòng)至1的拷貝時(shí)闺鲸,再將真正的1移到可見區(qū)域 - 提供的接口
slide()
用來實(shí)例化輪播組件
slide()
中的參數(shù)可以考慮有以下幾點(diǎn):
slidesScroll
:每次滑過幾張圖片
slidesShow
:每次在可見區(qū)域中展現(xiàn)幾張圖片
speed
:滑動(dòng)效果的速度
autoplay
:是否自動(dòng)播放
autoplaySpeed
:自動(dòng)播放的速度