Open in app
Sign inGet started
[JavaScript 30]Day15-LocalStorage and Event Delegation

[JavaScript 30]Day15-LocalStorage and Event Delegation

今天要練習製作一個可新增、勾選的 to-do list，並將新增的項目以及勾選狀態存入 localStorage 內。練習中也能了解到 Event Delegation (事件指派) 的觀念。
Go to the profile of Ivy Ho
Ivy Ho
[JS30筆記]-Day4 Array Cardio Day

[JS30筆記]-Day4 Array Cardio Day

今天要練習的是常用的陣列方法。
Go to the profile of Ivy Ho
Ivy Ho
[JavaScript 30]Day17-Sorting Band Names without articles

[JavaScript 30]Day17-Sorting Band Names without articles

今天要練習依照字母開頭，排序一組陣列內的樂團名稱，且須過濾掉不必要的 "The, A, AN" 開頭，再進行排序，最後將陣列轉成 html 字串，顯示於頁面上。
Go to the profile of Ivy Ho
Ivy Ho
[JS30筆記]-Day7 Array Cardio Day2

[JS30筆記]-Day7 Array Cardio Day2

今天和 Day4 一樣，要練習的是常用的陣列方法。分別為 some()、every()、find()、findIndex()、splice()、slice()、展開運算子(…)。
Go to the profile of Ivy Ho
Ivy Ho
(1)Bootstrap 起手式、載入方法

(1)Bootstrap 起手式、載入方法

Bootstrap是使用 HTML、CSS、 JavaScript 撰寫而成的框架，與其說它是一個前端框架，不如稱它為前端元件庫更為適合
Go to the profile of Ivy Ho
Ivy Ho
[JS30筆記]-Day3 Playing with CSS Variables and JS

[JS30筆記]-Day3 Playing with CSS Variables and JS

今天要練習的主題是如何利用 JS 來即時更新 CSS 變數。
Go to the profile of Ivy Ho
Ivy Ho
[JavaScript 30]Day16-CSS Text Shadow Mouse Move Effect

[JavaScript 30]Day16-CSS Text Shadow Mouse Move Effect

今天要練習如何偵測到滑鼠移動位置，進而利用 JS 動態改變 CSS 樣式，製作出「隨著滑鼠移動，會變換位置的陰影效果」。
Go to the profile of Ivy Ho
Ivy Ho
Latest
[筆記] Vue3 watch 用法 — 4 種數據、5 種情境

[筆記] Vue3 watch 用法 — 4 種數據、5 種情境

Vue3 watch 可監視的數據可分為 4 種，分別以 5 種情境來做說明。
Go to the profile of Ivy Ho
Ivy Ho
LidemyOJ 學習筆記 - [#1008-幾個水桶]

LidemyOJ 學習筆記 - [#1008-幾個水桶]

最近在看 Huli 大大的「先別急著寫 leetcode 」課程練功，做到一題有趣的題目，想來寫寫文章做個筆記。
Go to the profile of Ivy Ho
Ivy Ho
[JavaScript 30]Day19-Unreal Webcam Fun

[JavaScript 30]Day19-Unreal Webcam Fun

今天要練習利用 JavaScript 來控制 webcam 記錄影像，並使用 canvas 進行拍照(影像截圖)，以及製作濾境效果。
Go to the profile of Ivy Ho
Ivy Ho
About IvyCodeFiveLatest StoriesArchiveAbout MediumTermsPrivacyTeams