鐵人檔案
JavaScript 是一個可以不斷學習與精進的語言，儘管無法一虧 JavaScript的全貌，
但藉由如實記錄一個 JavaScript 學習者學習的過程，留下對於一個語言的發現跟驚喜。
一直以來都以為要用 setTimeout 或 setInterval 來製作動畫，但 setTimeout 最快也只能到 10 毫秒，可能造成畫面遺失的問題，而...
發現把東西視為理所當然，在更深入的時候就會遇到困難。需要來好好理解 DOM Document。在看 W3School 介紹 HTML DOM 時，有一個觀念會被...
一個失敗的例子。上 LeetCode 去練習程式邏輯，人家說所謂的 bug 就是思考上的缺陷。有時候方法能解，但是思考角度不對，其實就會在測試中出現問題。 下面...
一直有一個印象，當你在 HTML 標籤裡宣告 ID 的時候，其實就同時在 JS 裡宣告一個全域變數。今天來做一個小實驗。 說明：用不同抓取 element 的...
重新釐清了一下 HTML 屬性與 JS 的關係，如何去叫用 HTML 裡面的屬性。我們可以把每個 HTML tag 想像成是一個物件，擁有自己的屬性，並且以 e...
來練練輸入吧。當熟悉抓 element 裡面的值之後，就可以把「輸入」拆解成「監聽事件觸發」加上「抓取值」。input 就是一個盒子，當事件觸發的時候，動手去拿...
今天來練習提高網頁效能的方法一，用 JS 置換 class。我們做一個 checkbox ，可以使用加上 class 的方式，來呈現 checked 效果。 圖...
提高網頁效能的方法二，用 cssText 來置換屬性。每當點擊橘色盒子的時候，盒子就會向左偏移。並做一個按鈕可以讓盒子回到原來位置。 說明：我們把原本的 re...
來練習 JS 如何處理時間的吧！ <h1 class="time"></h1> <button class=&...
寫在最後。總要進步，總能更好，保持學習。以下一個清除陣列的小技巧。 var list = [1, 2, 3, 4]; list.length = 0; //...
