鐵人檔案
嗨～閱讀這篇文章的人，你好我是Luke，這是我第二次挑戰鐵人賽，上次因為出了一些小意外，所以我在第27天斷賽了?!今年我打算以JavaScript30為題目，記...
目標 第一天的目標是以JavaScript製作Drum Kit，如下圖所示，當指定鍵盤被按下時，要播放相應音效 repo Step1 window.addEve...
repo DEMO 目標 今天要做的是以JS + CSS 製作一個實時的時鐘 Step1 CSS .hand { transform-origin: 100...
目標 今天要來學習的是CSS變數，透過JS變更CSS變數，改變圖片的paddind(元素內距), background color(元素背景色), blur(圖...
repo 目標 今天要來學習的是陣列操作，包含filter(), map(), sort(), reduce() 範例資料 const inventors =...
repo 目標 今天要來做的是使用Flex進行圖片展示，然後再加上一些點擊特效 Step1 首先，要先來調整CSS，圖片一開始會以下圖的方式排列 我們要將圖片...
目標 今天要做的是動態顯示查詢結果，如下圖所示，當輸入查詢字串時，顯示符合條件的字串並highlight Step1 透過fetch()取得資料 const e...
目標 今天要來學習的是陣列操作，包含some(), every(), find(), findIndex(), splice() 範例資料 const peop...
目標 今天要來學習HTML5 Canvas（畫布），並且加上一些酷東西 canvas <canvas> 是一個 HTML 元素，我們可以利用程式腳本...
目標 今天要來學習一些控制台(console)小技巧 console.log() console.log('hello') 向Web控制台輸出一條訊息 插入字...
