iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

不會 VueUse 而被提分手的我 系列

由著名小說題材非真人真事改編而成,挽回戀情的 VueUse 全面解析,將透一個一個的戀愛範例,找回當初開發的浪漫。
由於 VueUse 的官方文檔對於新手來說,閱讀實在是很難懂,所以透過各種專案範例,解析當中所使用的 VueUse。

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文 團隊鐵齒不信寫不完
DAY 11

D-11 用 useCycleList 來做一個簡單的輪播吧 (carousel) — 從需求分析到未來優化

將 useCycleList 應用到一個簡單的輪播效果中,這就像一個永無止境的展示舞台,每一個畫面不斷切換,卻能有序而和諧地呈現。就像生活中的每一段經歷,總會...

2024-09-24 ‧ 由 白色的白 分享
DAY 12

D-12 useAsyncState 文件說明與範例 — 解析取經的過程

useAsyncState,這個功能讓我聯想到西遊記中的取經過程。就像唐僧師徒四人經歷九九八十一難,最終取得真經,useAsyncState 也讓我們在非同步...

2024-09-25 ‧ 由 白色的白 分享
DAY 13

D-13 useAsyncState 解析與動機 — 取經的路上有你有我

想到了我和程世社季子的感情,取經路上有困難,但最終的結果是值得的。我們的每一次成長與等待,都讓我更加相信,無論過程多麼艱辛,最終會走到一起。程世社季子,取經的...

2024-09-26 ‧ 由 白色的白 分享
DAY 14

D-14 用 useAsyncState 來 call 個電商 api 試試看吧 1

電商 API,不禁讓我回想起過去和程世社季子一起逛網拍的日子。那時我們一起挑選商品、比較價格、討論風格,每次購物都是我們之間的小小冒險。記得有次,我們還一起搶...

2024-09-27 ‧ 由 白色的白 分享
DAY 15

D-15 用 useAsyncState 來 call 個 api 試試看吧 2 - 用 stackblitz 來施展魔法吧

有次結帳時,忘記用了免運卷。不僅多花了錢,還因為這件小事和程世社季子吵了一架。雖然事後想起來很可笑,但那次的爭吵讓我明白了許多。我們之間的溝通有時就像 use...

2024-09-28 ‧ 由 白色的白 分享
DAY 16

D-16 useOffsetPagination 文件說明與範例 - 分分合合的資料流

想起過去追求程世社季子時,在網拍上不停地翻頁,尋找一個完美的禮物,想要藉此向她告白。我記得每一次換頁,內心的焦急與期待都不斷增加,彷彿每翻一頁就更接近那個最適...

2024-09-29 ‧ 由 白色的白 分享
DAY 17

D-17 useOffsetPagination 解析與動機 - 翻頁的愛情

每一頁都代表著新的內容、新的可能性,卻也意味著無盡的等待與耐心。翻頁時,我不禁思考:下一頁會帶來什麼?會不會就是我要找的?這種等待與不確定感,正是 useOf...

2024-09-30 ‧ 由 白色的白 分享
DAY 18

D-18 用 useOffsetPagination - 來實現電商前端分頁吧

今天我在實作電商前端分頁,想要應用 useOffsetPagination,沒想到隔壁的鱈魚跑來串門子了。他說:「你知道嗎,這功能不只是換頁這麼簡單,還有很多...

2024-10-01 ‧ 由 白色的白 分享
DAY 19

D-19 useInfiniteScroll 文件說明與範例 - 無限領域展開

useInfiniteScroll 的功能宛如開啟了一個無限延伸的領域,每當我往下滑動,都能看見更多內容。然而,就在我沉浸其中時,阿狗兄突然來訪,直言我學習不...

2024-10-02 ‧ 由 白色的白 分享
DAY 20

D-20 useInfiniteScroll 解析與動機 -了解何謂無限

今天,我決心調整學習的方向,證明給阿狗兄看,我並不是只學皮毛。我決定深挖 useInfiniteScroll,這個功能不只是無限滾動那麼簡單,它蘊含著無限延伸...

2024-10-03 ‧ 由 白色的白 分享