精疲力竭。
進度
用舊版的 Twitch API 重新串了一次,最後也加了「無限滾動」的功能:
為了加無限滾軸的功能真是廢了不少心力…
學到的事情
舊版的 API 在資料的串接上比新版輕鬆不少,該有的東西都附在裡面,不像新版還要打很多的 API 去拿不同的資料。
這次重做的部分一律改用 Promise
來處理,不得不說整體的結構比 callback
還要好懂多了,要修改東西時也不會亂七八糟的,用一句話來說就是:
舒服。
感覺像是兩種不同的世界一樣,怪不得現在滿街的 Promise…
另外就是「無限滾動(Infinite Scroll)」的部分,本來是沒有打算做這部分的,不過既然女朋友都敲碗了,那我就加油點吧( ºωº )
不過也藉此學到了一個還不錯用的 API:IntersectionObserver
,比起傳統上的監聽 scroll
作法,這個確實比較直覺,也能避免最大的問題「重複觸發」。雖然還是有一些難免的 bug(有可能是我邏輯沒寫好),像是誤觸或偶爾的重複觸發問題,這部分我盡力用 flag
來控制,目前測試起來是有改善一點,不過實際穩不穩定還是要等之後有時間再測試看看了。
題外話
下一整天的雨,真是討厭~
期許
也許明天檢討完就能開始進到 week9 的進度了,特別新奇的後端世界~