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