Published inIvyCodeFive[筆記] Vue3 watch 用法 — 4 種數據、5 種情境Vue3 watch 可監視的數據可分為 4 種，分別以 5 種情境來做說明。Jan 24, 2024Jan 24, 2024
Published inIvyCodeFiveLidemyOJ 學習筆記 - [#1008-幾個水桶]最近在看 Huli 大大的「先別急著寫 leetcode 」課程練功，做到一題有趣的題目，想來寫寫文章做個筆記。Aug 22, 2023Aug 22, 2023
Published inIvyCodeFive[JavaScript 30]Day19-Unreal Webcam Fun今天要練習利用 JavaScript 來控制 webcam 記錄影像，並使用 canvas 進行拍照(影像截圖)，以及製作濾境效果。Oct 8, 2022Oct 8, 2022
Published inIvyCodeFive[JavaScript 30]Day18-Tally String Times with Reduce今天要練習的是，如何將 Playlists 內所有格式為「00:00」的影片時間加總，計算出總共的時間為幾時幾分幾秒。Aug 20, 2022Aug 20, 2022
Published inIvyCodeFive[JavaScript 30]Day17-Sorting Band Names without articles今天要練習依照字母開頭，排序一組陣列內的樂團名稱，且須過濾掉不必要的 "The, A, AN" 開頭，再進行排序，最後將陣列轉成 html 字串，顯示於頁面上。Jul 23, 2022Jul 23, 2022
Published inIvyCodeFive[JavaScript 30]Day16-CSS Text Shadow Mouse Move Effect今天要練習如何偵測到滑鼠移動位置，進而利用 JS 動態改變 CSS 樣式，製作出「隨著滑鼠移動，會變換位置的陰影效果」。Jul 7, 2022Jul 7, 2022
Published inIvyCodeFive[JavaScript 30]Day15-LocalStorage and Event Delegation今天要練習製作一個可新增、勾選的 to-do list，並將新增的項目以及勾選狀態存入 localStorage 內。練習中也能了解到 Event Delegation (事件指派) 的觀念。Jun 19, 2022Jun 19, 2022
Published inIvyCodeFive[JS30筆記]-Day14 Object and Arrays — Reference VS Copy今天要學習 JS 中「傳值」或「傳址」的觀念，以及淺層複製、深層複製的方法。Jun 11, 2022Jun 11, 2022
Published inIvyCodeFive[JavaScript 30]Day13-Slide In on Scroll今天要練習用純 JS，監聽 scroll 事件、計算高度，以及控制 CSS 樣式，做出類似 AOS 套件裡 fade-right、fade-left 的動畫效果!Jun 5, 2022Jun 5, 2022
Published inIvyCodeFive[JS30筆記]-Day12 Key Sequence Detection (KONAMI CODE)今天要練習偵測、驗證鍵盤輸入內容序列。也能學會如何埋彩蛋在網頁上，讓使用者輸入秘密指令後，看到驚喜的畫面。👀May 28, 2022May 28, 2022
![[JavaScript 30]Day19-Unreal Webcam Fun](https://miro.medium.com/v2/resize:fill:160:106/1*fPkSYwkdClnZLStSHWTxBQ.png)
![[JavaScript 30]Day19-Unreal Webcam Fun](https://miro.medium.com/v2/resize:fill:320:214/1*fPkSYwkdClnZLStSHWTxBQ.png)
