鐵人檔案
假如我有一個 h1，h1 底下有一個空的 ul（.list），任務是帶出所有農夫的名字並插入 .list 中。 // HTML // JS// 建立陣列儲存資...
什麼是事件(event)？事件是 JavaScript 應用的心臟，也是把所有東西黏在一起的膠水，當我們與網頁進行某些互動時，事件就發生了。例如，當使用者點擊了...
表單內容更動時觸發 - change此事件僅限用於 元素、 和 元素，當元素的值改變時，change 事件就會觸發。對於下拉選擇框、複選框和單選按鈕，當使用者用...
資料如何儲存在瀏覽器？透過 HTML 中的網頁儲存物件， 可以將網頁中的資料儲存在使用者的瀏覽器當中。在 HTML5 問世之前，我們只能將小筆的資料儲存在 co...
data-* 屬性在 HTML 標籤中可以放入自創的屬性，這麼做的目的是去綁定 DOM 與資料以及驗證資料。語法是 data-*，把 * 代換成自訂屬性名稱跟值...
HTML 部分首先，to-do list 是讓使用者輸入待辦事項用的，因此輸入欄是很關鍵的區塊。 input text - 輸入待辦事項的文字欄input bu...
BOM，是 JavaScript 與瀏覽器溝通的橋樑，JavaScript 可以透過 BOM 對瀏覽器進行各種操作，包含開啟及關閉視窗、改變視窗大小、計時器、取...
什麼是 AJAX ？AJAX 是 Asynchronous JavaScript and XML（非同步的 JavaScript 與 XML 技術）的縮寫，簡單...
post — 傳統表單輸入介紹這個功能常用在註冊帳號時，將使用者輸入的資料跟資料庫做比對，檢查是否有重複的帳號。form 表單的 action 屬性要填入後端伺...
打開視野藉由這次鐵人賽我看到許多不同類型的文章，也看到很多人在前端技術上努力(鐵人賽還有很多主題，但我這次聚焦在前端上)，也發現自己還有很大的進步空間，可以挑戰...
