鐵人檔案
JavaScript 30 是由一個加拿大的全端工程師Wes Bos建立的一系列課程，
挑戰無框架×無編譯器×無函式庫×無樣板，只使用純JS在30天內每天實作一個小東西，
想透過這個系列加強自己對JS的熟悉度，並將學習過程記錄成筆記
如有錯誤的地方歡迎大家提出修正!
今日任務: 顯示目前速度與指南針 前置作業 Browsersync 位置要求一樣需在安全連線(像是https、localhost)下使用可以看D19前置作業的部...
今日任務: 滑鼠移到超連結附近就highligt 創造spotlight元素 創一個span元素加上css，再放進body裡面(此時還看不到因為還沒給寬高) c...
今日任務: 語音合成 (Speech synthesis)，將文字轉成語音，可以選擇播放的語言、控制講話速度和音頻高低 Web Speech API Web S...
今日任務: 將選單釘選在上方 當捲動的大小>= 選單到頂部的大小，將選單fixed Day13有學過:window.scrollY: 從頂部開始捲軸已捲動...
今日任務: 認識DOM 事件傳遞方式 事件傳遞方式 事件傳遞方式總共分為三大階段： 捕獲階段 (Capture Phase)在捕獲階段，DOM事件會從根結...
今日任務:碰到選單會浮出子選單，子選單背景大小由內容決定 HTML部分 今天我們來學放在nav裡面，怎麼處理子元素的位置 <nav class="...
倒數三天，繼續加油! 今日任務: 可以按著往左右拖曳滑動內容 CSS部分 .items { ... cursor: pointer;...
倒數兩天，撐下去! 今日任務: 滑動控制影片速度 取得元素 const video = document.querySelector('.video');...
倒數一天!!! 今日任務: 倒數計時時鐘 setInterval 失準 倒計時我們可以使用setInterval()，每秒減1 setInterval(()...
今日任務: 打地鼠 CSS部分 將洞class加上'up'時，地鼠就會出現 .mole { background: url('mole.svg') bo...
