探索、思考、創(chuàng)造、分享

數(shù)據(jù)驅(qū)動(dòng)、堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

當(dāng)前位置:首頁(yè)>小程序資訊
uniapp/小程序 swiper組件無(wú)限數(shù)據(jù)滾動(dòng)
來(lái)源:南京小程序開(kāi)發(fā) 發(fā)布時(shí)間:2023-08-20點(diǎn)擊:107

最近開(kāi)發(fā)的一個(gè)小程序中涉及一個(gè)答題頁(yè)面,打算使用小程序的swiper組件開(kāi)發(fā),題目可能數(shù)量過(guò)多,使用swiper一次性加載會(huì)造成卡頓,于是進(jìn)行了一些優(yōu)化

解決思路:頁(yè)面只展示3個(gè)swiper-item組件(小程序視頻輪播插件受到的啟發(fā)),每次輪播變化,都截取總數(shù)據(jù)里面的3條進(jìn)行展示

觀察規(guī)律:畫(huà)了個(gè)簡(jiǎn)單草圖,大家可以看下,每次輪播索引變化后,計(jì)算出當(dāng)前索引、前一個(gè)索引值、后一個(gè)索引值,以及分別對(duì)應(yīng)到數(shù)據(jù)列表上的索引和值

代碼實(shí)現(xiàn)

版權(quán)備注
最新資訊
2023-09-22
個(gè)人微信小程序怎么上線使用
微信小程序 如何申請(qǐng)?我們先了解下小程序開(kāi)發(fā)的步驟流程:第一步,申請(qǐng)小程序賬號(hào)并認(rèn)證第二步,開(kāi)通微信···
2023-09-22
電腦登陸微信小程序打不開(kāi)已經(jīng)是最新版本
mac版微信小程序工具打不開(kāi)微信緩存太多。手機(jī)緩存就是數(shù)據(jù)交換的緩沖區(qū)。手機(jī)緩存可通過(guò)手機(jī)管家進(jìn)行清···
2023-09-22
小程序內(nèi)容怎么打印
老師在微信發(fā)來(lái)孩子作業(yè),用打印機(jī)怎么操作才可以打印出來(lái)?Ⅴ信發(fā)來(lái)的文檔、作業(yè),不是看打印機(jī)怎么操作才···
2023-09-22
微信電腦版打開(kāi)小程序黑屏怎么辦
微信電腦客戶端打開(kāi)后黑屏不能動(dòng)把它卸載了,然后用你的優(yōu)化軟件清理下系統(tǒng)緩存垃圾、注冊(cè)列表,然后去官網(wǎng)···
2023-09-22
微信小程序手機(jī)號(hào)快速驗(yàn)證組件升級(jí),8 月 26 日起向開(kāi)發(fā)者收費(fèi),這一組件能給用戶使用帶來(lái)哪些便利?
在這里插入圖片描述收費(fèi)說(shuō)明付費(fèi)使用在這里插入圖片描述手機(jī)號(hào)快速驗(yàn)證組件
隨機(jī)資訊
2023-08-29
微信小程序和谷歌有什么關(guān)系?
作者|汪志成 Angular 谷歌開(kāi)發(fā)技術(shù)專家(GDE)被微信小程序刷屏了?來(lái)看看 PWA 吧,它們···
2023-08-17
微信小程序支付開(kāi)發(fā)流程圖
微信支付分怎么開(kāi)通?開(kāi)通不了怎么回事?理財(cái)有風(fēng)險(xiǎn),投資需謹(jǐn)慎風(fēng)險(xiǎn)提示:希財(cái)網(wǎng)作為財(cái)金知識(shí)服務(wù)平臺(tái)進(jìn)行···
2023-08-15
微信小游戲不止“跳一跳”:它復(fù)活了傳統(tǒng)PC游戲
每到午休時(shí)間,我同事都會(huì)在餐廳聚集起來(lái)玩起吃雞手游。但對(duì)于我這樣時(shí)間較為碎片化的用戶來(lái)說(shuō),很難找出一···
2023-08-09
微信怎么關(guān)閉小程序功能 微信怎么關(guān)閉小程序功能游戲
在微信中關(guān)閉小程序功能按照以下步驟進(jìn)行操作1打開(kāi)微信應(yīng)用,進(jìn)入“我”頁(yè)面2點(diǎn)擊“設(shè)置”按鈕,進(jìn)入設(shè)置···