系列文章
DAY 21
〈Day21〉元素的尺寸和位置
Table of Contents offset offsetParent offsetLeft/offsetTop offsetWidth/offsetH...
DAY 22
〈Day22〉事件與事件傳遞
Table of Contents 事件是什麽？ 事件冒泡與捕獲 事件委派 References 前面講了很多如何控制元素的方法，今天要來講如何用事件讓使用...
DAY 23
〈Day23〉事件監聽
Table of Contents 監聽事件的幾個方法 addEventListener removeEventListener event.preventD...
DAY 24
〈Day24〉初探Fetch
Table of Contents fetch() 請求方法 抓取資料 response body References 今天不討論AJAX的一些內容...
DAY 25
〈Day25〉用Canvas畫圖
Table of Contents Canvas 用Javascript指定呈現的內容 讓使用者自行繪製圖片 事件拆分 實作 實作延伸 References...
DAY 26
〈Day26〉自製播放器
Table of Contents 播放影片 跳過片段 播放音量與速度 時間軸 全螢幕 References 今天要學如何為元素加上事件，完成一個播放器。作...
DAY 27
〈Day27〉Geolocation API
Table of Contents 讓手機連結跟電腦一樣的IP 取地理資料 References 今天學習使用Geolocation API，可以捕捉地理位...
DAY 28
〈Day28〉Countdown Timer
Table of Contents 計時器 顯示當下時間 顯示結束時間 按最上方一排的按鈕開始時間 自行輸入指定時間 References 今天要來學製作一...
DAY 29
〈Day29〉speechSynthesisAPI
Table of Contents 取節點與預設語音文字 產生對應語音的選項清單 切換開關 從清單中選擇聲音 修改聲音速度、音調、文字 References...