iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

JavaScript老學徒筆記—馬步篇 系列

作為一個初踏入前端的老學徒,我記錄了自己學習JavaScript的過程。從最基本的如何宣告變數開始,來談一談JavaScript基礎的觀念,也順便釐清自己似是而非的一些觀念,把基本的底子打札實。

希望這些筆記對想要進入這一個領域的同行者有所助益。

鐵人鍊成 | 共 35 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 20

【Day20】比較Nodelist與HTML collection的差異

前面提到透過DOM API取得網頁節點的方法: //根據傳入的id 名稱,找到DOM裡面相同id名稱的節點。 document.getElementById...

2021-09-20 ‧ 由 popeye_ux 分享
DAY 21

【Day21】給我一個節點,我可以把網頁改頭換面

「DOM API 定義了 JavaScript 存取、改變 HTML 架構、內容、樣式的方法,甚至對節點綁定的事件。」 前一篇的內容,是關於 JavaScri...

2021-09-21 ‧ 由 popeye_ux 分享
DAY 22

【Day22】在網頁中插入HTML標籤的實務做法

tags: JavaScript 在網頁中插入HTML標籤的實務做法 前一篇介紹了在網頁中利用DOM API改變HTML架構與內容的方法。 要在HTML中插入...

2021-09-22 ‧ 由 popeye_ux 分享
DAY 23

【Day23】我變我變我變變變:如何改變HTML元素的樣式

「DOM API定義了JavaScript存取、改變HTML架構、內容、樣式的方法,甚至對節點綁定的事件。」 前面幾篇提到了JavaScript改變HTML架...

2021-09-23 ‧ 由 popeye_ux 分享
DAY 24

【Day24】派一個Spy到網頁中竊聽—事件監聽

先來說說什麼是「事件」呢? 舉個例子:看到紅燈,就踩剎車! 「看到紅燈」就是事件;「踩剎車」就是事件發生後所採取的行動。而在網頁上所發生的事件,可能是使用者滑...

2021-09-24 ‧ 由 popeye_ux 分享
DAY 25

事件—天外飛來一個e

剛開始學JavaScript的時候,在書上看到事件綁定的範例: //HTML <a id="link" href="htt...

2021-09-25 ‧ 由 popeye_ux 分享
DAY 26

e是咱ㄟ寶貝

前面提到那個e,蘊含著我們與網頁互動豐富的資訊。 例如: type:代表事件的類別。 target:為觸發事件的元素。 screenX / screenY:代...

2021-09-26 ‧ 由 popeye_ux 分享
DAY 27

e.stopPropagation()停止事件冒泡

當事件發生的時候,如果想要阻擋事件向上傳遞,只要利用「事件物件」(Event Object)所提供的e.stopProoagation(),就可以阻止事件由觸...

2021-09-27 ‧ 由 popeye_ux 分享
DAY 28

事件監聽的this:「這個」到底是哪一個?

歐陽克是誰殺的? 這個this是誰?要看兇手是誰而定! 前面有提到,這個e是在當事件發生時,事件處理器自動建立的「事件物件」,裡面紀錄了跟事件有關係的資訊,並...

2021-09-28 ‧ 由 popeye_ux 分享
DAY 28

回頭呼喊你的愛情:Callback回呼函式

甚麼是「Callback function」? MDN的解釋如下: 「回呼函式(callback function)是指能藉由參數(argument)通往另一...

2021-09-28 ‧ 由 popeye_ux 分享