鐵人檔案
事件監聽 addEventListener .addEventListener('事件名稱', callback function) 沒有名稱的函式叫做匿名函...
表單處理 onSubmit 在表單送出前觸發，通常可以用來做表單驗證，例如：驗證成功送出，失敗可以不送出 範例： 登入畫面： HTML: <form c...
阻止預設行為 e.preventDefault() 範例： let login = document.querySelector('.login-form')...
簡單來說，就是事件在 DOM 裡面傳遞的順序，以及你可以對這些事件做什麼。 為什麼會有「傳遞順序」這一詞呢？假設你有一個 ul 元素，底下有很多 li，代表不同...
e.stopPropagation 阻止事件傳遞 阻止事件冒泡，你加在哪邊，事件的傳遞就斷在哪裡，不會繼續往下傳遞。 HTML: <div class=&...
實際應用 知道了事件的傳遞機制、取消傳遞事件跟取消預設行為之後，在實際開發上有什麼用處呢？ 最常見的用法其實就是事件代理（Delegation）。 欸等等幫我拿...
可以利用，免費製造 Response 的網站 mocky 來練習。 可以自行設定 response header、response body 已經避免 COR...
.then() function 透過 callback function 從 Promise 拿結果 用法： Promise.then(函式) functio...
promise 經過.then()後，回傳值也會是 Promise (Chaining 特性) promise .then之後會不斷的回傳自己， 像是 JQue...
Fetch 的 Error Fetch 的 Error 出現是打開 DevTool 的 NetWork 連線失敗的時候，連 response 都沒有拿到。 如果...
