鐵人檔案
目標 今天要來學習的是在網頁上取得使用者的攝影機內容，並且加上一些濾鏡特效 Step0 今天的練習需要進行一些前置作業 以往的操作都可以直接在瀏覽器上執行，但是...
目標 今天要來學習的是語音辨識，這是一個瀏覽器內建的功能，除了單純輸出文字轉語音之外，還可以用關鍵字觸發一些功能喔 Step0 今天的練習還是需要server，...
目標 今天要來學習的是取得裝置的地理資訊 Step0 今天的練習還是需要server，可以使用原作者提供的，也可以用自己習慣的喔 除了server之外，我們還會...
目標 今天要來學習的是游標移入<a>元素的時候，highlight那個元素 Step1 const triggers = document.quer...
目標 今天要來學習語音生成，也就是文字轉語音 Step1 const msg = new SpeechSynthesisUtterance(); let voi...
目標 今天來點輕鬆的，我們要做的是，當nav bar滾動到頁面頂端的時候固定 Step1 const nav = document.querySelector(...
目標 今天要來學習的是DOM的事件傳遞機制 這邊有一個簡單的html範例 <body class="bod"> <...
目標 今天要來做的是做出stripe網站上，游標選到nav bar上就出現選單的效果 Step1 const triggers = document.que...
目標 今天要做的是，拖拉然後捲動區塊 Step1 const slider = document.querySelector('.items'); let is...
目標 今天要來做的是播放速度控制器，可以透過游標移動控制播放速度 Step1 const speed = document.querySelector('.sp...
