iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

一個 JS 學習者的日常 系列

JavaScript 是一個可以不斷學習與精進的語言,儘管無法一虧 JavaScript的全貌,
但藉由如實記錄一個 JavaScript 學習者學習的過程,留下對於一個語言的發現跟驚喜。

鐵人鍊成 | 共 30 篇文章 | 44 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 21

一個 JS 學習者的日常 day20

一直以來都以為要用 setTimeout 或 setInterval 來製作動畫,但 setTimeout 最快也只能到 10 毫秒,可能造成畫面遺失的問題,而...

DAY 22

一個 JS 學習者的日常 day 21

發現把東西視為理所當然,在更深入的時候就會遇到困難。需要來好好理解 DOM Document。在看 W3School 介紹 HTML DOM 時,有一個觀念會被...

DAY 23

一個 JS 學習者的日常 day22

一個失敗的例子。 上 LeetCode 去練習程式邏輯,人家說所謂的 bug 就是思考上的缺陷。有時候方法能解,但是思考角度不對,其實就會在測試中出現問題。 下...

DAY 24

一個 JS 學習者的日常 day23

一直有一個印象,當你在 HTML 標籤裡宣告 ID 的時候,其實就同時在 JS 裡宣告一個全域變數。今天來做一個小實驗。 說明: 用不同抓取 element...

DAY 25

一個 JS 學習者的日常 day 24

重新釐清了一下 HTML 屬性與 JS 的關係,如何去叫用 HTML 裡面的屬性。我們可以把每個 HTML tag 想像成是一個物件,擁有自己的屬性,並且以 e...

DAY 26

一個 JS 學習者的日常 day 25

來練練輸入吧。當熟悉抓 element 裡面的值之後,就可以把「輸入」拆解成「監聽事件觸發」加上「抓取值」。input 就是一個盒子,當事件觸發的時候,動手去拿...

DAY 27

一個 JS 學習者的日常 day 26

今天來練習提高網頁效能的方法一,用 JS 置換 class。 我們做一個 checkbox ,可以使用加上 class 的方式,來呈現 checked 效果。...

DAY 28

一個 JS 學習者的日常 day27

提高網頁效能的方法二,用 cssText 來置換屬性。 每當點擊橘色盒子的時候,盒子就會向左偏移。並做一個按鈕可以讓盒子回到原來位置。 說明: 我們把原本的...

DAY 29

一個 JS 學習者的日常 day28

來練習 JS 如何處理時間的吧! <h1 class="time"></h1> <button class=&...

DAY 30

一個 JS 學習者的日常 day29

寫在最後。總要進步,總能更好,保持學習。 以下一個清除陣列的小技巧。 var list = [1, 2, 3, 4]; list.length = 0; //...