跳至主要内容

菜鳥前端犯錯的一天之無限滾動的陷阱

· 閱讀時間約 1 分鐘

一開始覺得無限滾動功能跟API串接兩者會打架,但只要讓API每次只回傳限制數量的資料,就可以解決看似會衝突的問題。

但是神奇的是,今天我同事跟我說,每次無限滾動都會重複拉資料,如果觸發五次,畫面上可能會有五筆甚至更多同一筆資料的身影。

我一開始先跑舊專案為說你是如何避免無限滾動時串接到就資料,他就列出四點:後端設定頁數,SORRY我只記得這個。

但是為何有設定還是拉回重複的資料?

我就嘗試在新專案貼上AI提供的四項解決方案後,一開始用claude,但是找不到問題,後來用最近頗負盛名的 GPT-5-Codex,結果解決了,具體的解決方式等我完成這個任務再來慢慢打篇心得文好了。

預計這個重構專案能在月底完成,如果提早完成就能在月底請一天,然後11/29開心上台北參加JSDC!