iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

30 天 vueuse 原始碼閱讀與實作 系列

透過 30 天閱讀 vueuse 原始碼,找幾個有興趣的 API 來看實作方式並跟著實作一次,來學習原始碼的設計以及其他未知的領域

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] useScroll - arrivedState

官方 Demo:https://vueuse.org/core/useScroll/#usescroll 昨天看了 Demo 中的 X position、Y p...

2024-10-05 ‧ 由 Rhino 分享
DAY 22

[Day 22] useScroll - scrolling

官方 Demo:https://vueuse.org/core/useScroll/#usescroll 昨天看了 Demo 中的 Top Arrived、Ri...

2024-10-06 ‧ 由 Rhino 分享
DAY 23

[Day 23] useIntersectionObserver

官方 Demo:https://vueuse.org/core/useIntersectionObserver/#useintersectionobserver...

2024-10-07 ‧ 由 Rhino 分享
DAY 24

[Day 24] useElementVisibility

官方 Demo:https://vueuse.org/core/useElementVisibility/ useElementVisibility 算是昨天...

2024-10-08 ‧ 由 Rhino 分享
DAY 25

[Day 25] useElementVisibility - unit test

今天來看 useElementVisibility 的單元測試,測試中會用到 Day24 看到的 useElementVisibility 以及 Day23 的...

2024-10-09 ‧ 由 Rhino 分享
DAY 26

[Day 26] useInfiniteScroll

官方 Demo:https://vueuse.org/core/useInfiniteScroll/#useinfinitescroll useInfinite...

2024-10-10 ‧ 由 Rhino 分享
DAY 27

[Day 27] useInfiniteScroll - unit test

useInfiniteScroll 官方 Demo:https://vueuse.org/core/useInfiniteScroll/#useinfinite...

2024-10-11 ‧ 由 Rhino 分享
DAY 28

[Day 28] 使用 VitePress 生成 VueUse 文件頁面 - Part 1

在這次鐵人賽看 VueUse API 原始碼的時候,覺得官方文件看起來滿舒服,發現是用 VitePress 這套工具生成的。 我有先簡單跟著 VitePress...

2024-10-12 ‧ 由 Rhino 分享
DAY 29

[Day 29] 使用 VitePress 生成 VueUse 文件頁面 - Part 2

昨天主要提到一些共用的頁面和模組,今天來看看 VueUse API 頁面的文件是怎麼透過 VitePress 設定的。 style 樣式設定的部分,主要是 im...

2024-10-13 ‧ 由 Rhino 分享
DAY 30

[Day 30] 結語

今天鐵人賽最後一天,簡單說一下第一次參加鐵人賽的感想。 透過鐵人賽這種每天都是 deadline driven 的風格,選了一個平常比較沒接觸的主題,理所當然的...

2024-10-14 ‧ 由 Rhino 分享