mentor-program-day47

精疲力竭。

進度

用舊版的 Twitch API 重新串了一次,最後也加了「無限滾動」的功能:

hw2

為了加無限滾軸的功能真是廢了不少心力…

學到的事情

舊版的 API 在資料的串接上比新版輕鬆不少,該有的東西都附在裡面,不像新版還要打很多的 API 去拿不同的資料。

這次重做的部分一律改用 Promise 來處理,不得不說整體的結構比 callback 還要好懂多了,要修改東西時也不會亂七八糟的,用一句話來說就是:

舒服。

感覺像是兩種不同的世界一樣,怪不得現在滿街的 Promise…

另外就是「無限滾動(Infinite Scroll)」的部分,本來是沒有打算做這部分的,不過既然女朋友都敲碗了,那我就加油點吧( ºωº )

不過也藉此學到了一個還不錯用的 API:IntersectionObserver,比起傳統上的監聽 scroll 作法,這個確實比較直覺,也能避免最大的問題「重複觸發」。雖然還是有一些難免的 bug(有可能是我邏輯沒寫好),像是誤觸或偶爾的重複觸發問題,這部分我盡力用 flag 來控制,目前測試起來是有改善一點,不過實際穩不穩定還是要等之後有時間再測試看看了。

題外話

下一整天的雨,真是討厭~

期許

也許明天檢討完就能開始進到 week9 的進度了,特別新奇的後端世界~

DOM 清除所有的子元素 mentor-program-day46
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×