iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從基礎開始,用 JavaScript 從頭建立起程式肌肉 系列

非本科,運動管理背景,程式菜鳥從頭學 JavaSvript
系列文將會從最基礎的 JavaScript 開始
結合自身學習,紀錄學習筆記並透過競賽機會嘗試輸出並內化
如果你也是菜鳥,歡迎與我們一起成長

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊死線衝鋒 Deadline Squad
DAY 21

Day21 事件 Event

事件 (Event) 網頁的事件可說是無所不在,從瀏覽器載入網頁開始,只要有在使用網頁,就隨時都有事件正在被觸發。 事件類型 事件類型非常多種,比較常見的例如:...

2022-10-06 ‧ 由 Key 分享
DAY 22

Day22 陣列資料處理 (1) - forEach()

陣列資料處理 forEach 是其中一種陣列處理方法,只有陣列才能使用,為什麼要學陣列資料處理呢? let data = [11,52,34]; 假設想要求得...

2022-10-07 ‧ 由 Key 分享
DAY 23

Day23 陣列資料處理 (2) - map()、filter()

前面介紹過 forEach() 處理方法,今天我們要來介紹許多人覺得好用的 map() 方法。 Array.prototype.map() 為什麼現在更多人喜歡...

2022-10-08 ‧ 由 Key 分享
DAY 24

Day24 更多陣列資料處理 (3) - join()、find()、findIndex()

今天再介紹三個陣列的方法,明天就要換別的主題囉! Array.prototype.join() join() 方法可以將陣列中的值取出來轉變為字串,並且可以加...

2022-10-09 ‧ 由 Key 分享
DAY 25

Day25 發出網路請求

後面幾天我們要來介紹 AJAX ,也就是非同步的 JavaScript 技術,在那之前我們要先來了解何謂網路請求。 透過瀏覽器發出網路請求 首先我們先來了解甚麼...

2022-10-10 ‧ 由 Key 分享
DAY 26

Day26 AJAX 非同步的 JavaScript 技術 (1) - 透過 JavaScript 發出網路請求

非同步的 JavaScript 技術 假設今天想要觀看一則網路新聞,進到一個頁面如下: 紅框的部分是我們真正想看到的新聞內容,其他部分則是如上方的表頭跟右側...

2022-10-11 ‧ 由 Key 分享
DAY 27

Day27 AJAX 非同步的 JavaScript 技術 (2) - AJAX 非同步特性

以下方程式碼為例,我們可以看到詭異的事,最下面外層的 console.log(ary); 竟然回傳的是空陣列,但函式內卻能印出正確的資訊,這是為什麼呢? let...

2022-10-12 ‧ 由 Key 分享
DAY 28

Day28 箭頭函式 Arrow function

陳述式 與 表達式 在介紹箭頭函式之前,我們先簡單了解一下甚麼是 函式陳述式 跟 函式表達式 函式陳述式 ( Function Statement ) 函式陳述...

2022-10-13 ‧ 由 Key 分享
DAY 29

Day29 語法作用域 Lexical scope

JavaScript 是採用語法作用域,也叫做靜態作用域,意思是在語法解析的時候就已經確定作用域。相對地,動態作用域是在函式調用的時候才會決定它的作用域,但此處...

2022-10-14 ‧ 由 Key 分享
DAY 30

Day30 Hoisting 提升

今天是鐵人賽的最後一天 我們要來認識重要的 Hoisting 提升 為什麼重要呢? 認識 Hoisting 之前,在宣告變數時不會太在意變數或函式的宣告要放在哪...

2022-10-15 ‧ 由 Key 分享