鐵人檔案
學會了在 HTML 新增內容之後，就可以接著學習如何運用之前學到的 for 迴圈，把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體，介紹如何將資料...
什麼是事件(event)？ 事件是 JavaScript 應用的心臟，也是把所有東西黏在一起的膠水，當我們與網頁進行某些互動時，事件就發生了。例如，當使用者點擊...
前一篇筆記介紹的是事件基本概念，而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素，當元素的...
資料如何儲存在瀏覽器？ 透過 HTML 中的網頁儲存物件， 可以將網頁中的資料儲存在使用者的瀏覽器當中。在 HTML5 問世之前，我們只能將小筆的資料儲存在 c...
data-* 屬性 在 HTML 標籤中可以放入自創的屬性，這麼做的目的是去綁定 DOM 與資料以及驗證資料。語法是 data-*，把 * 代換成自訂屬性名稱跟...
學會了 localStorage 跟 data-* 屬性後，今天就可以結合這兩者試著寫一個 to-do list 囉！ 先貼個成品的程式碼連結。 HTML 部...
關於瀏覽器物件模型 (BOM) BOM，是 JavaScript 與瀏覽器溝通的橋樑，JavaScript 可以透過 BOM 對瀏覽器進行各種操作，包含開啟及關...
什麼是 AJAX ？ AJAX 是 Asynchronous JavaScript and XML（非同步的 JavaScript 與 XML 技術）的縮寫，簡...
昨天我們學到了用 get 方式發送資料請求，今天要繼續講如何用 post 發送資料請求。 post — 傳統表單輸入介紹 這個功能常用在註冊帳號時，將使用者輸入...
今天就是完賽日了，其實我大可寫一個「後記」就結束這一回合（畢竟有前言了有後記也不奇怪嘛），但是我還是決定要善始善終，所以我今天要分享的是今年參加 The F2E...
