鐵人檔案
課程目的： 這次的內容是如何自訂視訊播放器，雖然現在HTML的**:視訊嵌入要素**的功能對想要在網站上撥放影片已經綽綽有餘了，不過能夠學習到如何自己手刻功能也...
課程目的: 這次章節的內容是，偵測輸入的按鍵，若輸入文字有對應到當初設定的＂密碼＂，便會出現特效就像小時候在玩小朋友齊打交的時候，輸入Lf2.net時會出現隱藏...
課程目的: 這次的內容是，當我們滾輪滑動到圖片的位置，圖片會自動彈入，這在很多網站是很常見的功能！作品實作 本次功能實作重點： 監聽滾輪動態 當滾輪滑到對應...
課程目的: 這次的內容是利用陣列跟物件做出深拷貝與淺拷貝作品實做 本次功能實作重點： 何謂深拷貝，何謂淺拷貝 陣列淺拷貝的方法 擴展運算符(…) Ar...
課程目的: 這次的內容為簡單的待辦事項列表 (to-do list) 應用，並使用 localStorage 來儲存數據。 作品實做 本次功能實作重點： 選取...
課程目的: 這次的內容是，捕捉滑鼠的滑動，使陰影跟著文字滑動的效果 本次功能實作重點： 選取元素以及監聽 shadowHandle(e)程式邏輯 選取元素...
課程目的: 這次的內容是利用作者給的list範例去做排序，若開頭是a |the |an則無視此單字，並且以無視後的第一個字母作為排序［Ａ－Ｚ］作品實做 本次功...
課程目的: 這次的內容是計算video中屬性data time的加總 本次功能實作重點： 選取元素 計算總秒數 秒數換算到小時函式 選取元素 let li...
課程目的: 這次的內容是一個基於瀏覽器的影像處理應用，主要功能是從使用者的鏡頭中擷取畫面，並在 HTML <canvas> 元素中套上濾鏡效果並且即...
課程目的: 這次的內容是利用SpeechRecognition API去透過麥克風輸入語音辨識，將辨識後的字打在網頁的筆記上作品實做 本次功能實作重點： 初...
