基本結構 滑動條主體很單純，使用 div 就可以完成，不過握把的部分需要使用 SVG 實現。 結構概念如下圖： 「容器」負責包裝所有內容，並提供水平移動的基...
古人云：知己知彼，百戰不殆，為了程世社季子，我必須把 VueUse 研究個底朝天，看看它到底多厲害能被這麼多人崇拜！#挽回愛情的第二天 在使用 Vue.j...
先來做一點自我介紹吧，我是白色的白，有一個交往十年以上，並且論及婚嫁的日本女友叫做程世社季子，嗯…怎麼說好呢，自從隔壁的鱈魚介紹 VueUse 給她認識後，她...
現在有需求和規格了，讓我們開始開發吧。 基本結構 第一步先來建立基本樣式，需求提到「除了按鈕本體，在按鈕離開後，會有『拓印』留在原地」。 所以應該要有個容器，裡...
挑戰只會讓我變得更強！今天，我不僅提升了技術，還掌握了全新的技能：VueUse 中的 useVModel！在程世社季子的眼中，VueUse 就像一條盤繞的龍，...
雖然我知道 isDefined 很好用了，但然後呢？會用，但不知道原理就跟魔法一樣！這怎麼行！！程世社季子你一定要等我！等我學成歸來！！！#挽回愛情的第四天...
將 useCycleList 應用到一個簡單的輪播效果中，這就像一個永無止境的展示舞台，每一個畫面不斷切換，卻能有序而和諧地呈現。就像生活中的每一段經歷，總會...
俗話說：「羅馬不是一天造成的」今天的我比昨天更強一點，總有一天會贏過隔壁鱈魚的 (ง๑ •̀_•́)ง#挽回愛情的第三天 前情提要 本篇是該系列正式開始介...
發想 設計一個停用時握把會被拉長的滑動條。 類似這樣。( ´ ▽ ` )ﾉ 規格 外觀設計 需要有軌道與握把 可設定握把顏色與尺寸 可設定軌道樣式 功能需求...
useAsyncState，這個功能讓我聯想到西遊記中的取經過程。就像唐僧師徒四人經歷九九八十一難，最終取得真經，useAsyncState 也讓我們在非同步...
更加困難的挑戰到來，但這正是我變得更強的契機！我深入研究了 VueUse 的 syncRef，這個功能就像是兩邊的鏡像，能夠同步兩個 refs 的數值變化。它...
每一次的複製都是一種選擇，是將資訊暫時保存並隨時調用的過程。這讓我聯想到學習中的每個知識點，就像複製到剪貼簿一樣，需要在關鍵時刻調用，而非僅僅收集或囤積。學習...
在封裝過程中，我思考如何讓這個工具變得更靈活，支援多種條碼格式，同時考慮到使用者可能遇到的錯誤處理情況。我加入了自定義配置選項，讓開發者能調整掃描靈敏度和生成...
有次結帳時，忘記用了免運卷。不僅多花了錢，還因為這件小事和程世社季子吵了一架。雖然事後想起來很可笑，但那次的爭吵讓我明白了許多。我們之間的溝通有時就像 use...
今天是三十天修煉的最後一天，我成功完成了 useBarCode，模仿 VueUse 創造自己的工具。每一行代碼，每一次測試，都讓我感覺自己在這條學習的道路上越...
好像有那麼一點感覺了，但感覺又太簡單，沒有隔壁鱈魚說的那麼誇張，應該需要更難一點的挑戰，畢竟我可是遇強則強，遇弱則弱的特殊體質。#挽回愛情的第五天 useV...
useCycleList，就像無限的輪迴。不論經歷多少次切換，我們總會回到起點。這讓我想起我和程世社季子的感情，無論怎麼變化，最終還是會回到彼此身邊。這一次，...
今天，我決心調整學習的方向，證明給阿狗兄看，我並不是只學皮毛。我決定深挖 useInfiniteScroll，這個功能不只是無限滾動那麼簡單，它蘊含著無限延伸...
深入了解了 useCycleList。它就像機械中的齒輪，每次轉動都精密而有規律。每一個元素的切換，就像齒輪不斷運轉，讓系統持續運行，永無停歇。在這無限的循環...
想到了我和程世社季子的感情，取經路上有困難，但最終的結果是值得的。我們的每一次成長與等待，都讓我更加相信，無論過程多麼艱辛，最終會走到一起。程世社季子，取經的...
useInfiniteScroll 的功能宛如開啟了一個無限延伸的領域，每當我往下滑動，都能看見更多內容。然而，就在我沉浸其中時，阿狗兄突然來訪，直言我學習不...
今天我在實作電商前端分頁，想要應用 useOffsetPagination，沒想到隔壁的鱈魚跑來串門子了。他說：「你知道嗎，這功能不只是換頁這麼簡單，還有很多...
想起過去追求程世社季子時，在網拍上不停地翻頁，尋找一個完美的禮物，想要藉此向她告白。我記得每一次換頁，內心的焦急與期待都不斷增加，彷彿每翻一頁就更接近那個最適...
電商 API，不禁讓我回想起過去和程世社季子一起逛網拍的日子。那時我們一起挑選商品、比較價格、討論風格，每次購物都是我們之間的小小冒險。記得有次，我們還一起搶...
看似簡單的動作，其實包含著識別、解析和轉換的過程。每次掃描一個 QR 碼，都像是在尋找隱藏的資訊，解讀那些肉眼無法直接看到的內容。 前情提要 useQRCo...
今天，我深刻理解了 syncRef 的精髓，這是一種不斷追求平衡與和諧的力量，正如我在努力找回我們之間的平衡一樣。這條學習之路並不容易，但越是困難，我越能感受...
每一頁都代表著新的內容、新的可能性，卻也意味著無盡的等待與耐心。翻頁時，我不禁思考：下一頁會帶來什麼？會不會就是我要找的？這種等待與不確定感，正是 useOf...
今天，我開始計劃模仿 VueUse 來開發一個自己的 useBarCode 功能。這是一次全新的挑戰，不僅僅是技術上的實踐，更是創造屬於自己的工具。我決定先從...
生活中的許多情境，我們常常只能看見事物的表象，卻忽略了其背後的意義。而掃描的過程，正是在提醒我，只有透過深入的解讀，才能發掘隱藏的價值和真相。 前言 use...
提供更多範例，讓使用者了解此元件用法吧。( •̀ ω •́ )✧ 參數客製 展示客製化參數的效果。 src\components\slider-stubborn...
鱈魚
白色的白
iThome鐵人賽
看影片追技術