iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript 初心者筆記 系列

從零開始的 JavaScript 學習筆記,深入到什麼程度要看造化。此外可能也會介紹一些 jQuery 基礎實作技巧。

鐵人鍊成 | 共 30 篇文章 | 117 人訂閱 訂閱系列文 RSS系列文
DAY 11

JavaScript 初心者筆記: this 關鍵字

關於 this 有許多大神有相當詳盡的解說,例如 Kuro 大的優質好文,不過身為一個初心者,先對 this 有個粗淺的認識再延伸閱讀,我想會比較適合。 關鍵...

2019-09-12 ‧ 由 Grete Ma 分享
DAY 12

JavaScript 初心者筆記: 判斷式 - 運算子篇

在正式講到判斷式之前,我想要先來簡介一下跟判斷式有關的運算子,畢竟要學習如何用判斷式判斷條件,總要先知道怎麼設條件吧!其實 JavaScript 裡有好幾種類型...

2019-09-13 ‧ 由 Grete Ma 分享
DAY 13

JavaScript 初心者筆記: 判斷式 - if...else / switch 篇

接續昨天學到的比較運算子跟邏輯運算子,今天終於進入正題:判斷式。判斷式是 JavaScript 用來控制流程的,當指定的條件成立時,就會執行後續的指令。判斷式的...

2019-09-14 ‧ 由 Grete Ma 分享
DAY 14

JavaScript 初心者筆記: 迴圈簡介

迴圈可以重複執行同一組程式碼,幫我們處理不斷重複的事情。迴圈會檢測條件,如果條件為 true,便會執行程式碼;接著條件繼續被檢測、程式碼繼續執行,直到條件為 f...

2019-09-15 ‧ 由 Grete Ma 分享
DAY 15

JavaScript 初心者筆記: 迴圈如何加總

昨天簡介完迴圈的基本觀念之後,今天要分享一個迴圈加總的範例,透過範例應該能夠更清楚迴圈實際的運作。 有一個村莊,裡面有三個農場,要如何透過迴圈計算三個農場的...

2019-09-16 ‧ 由 Grete Ma 分享
DAY 16

JavaScript 初心者筆記: 在迴圈中 take a "break"

當我們在執行迴圈時,不一定要從頭到尾都做完,有時候只要找到一個符合條件的值,後面就可以不用跑程式碼了。如果是這種情形,那就可以用關鍵字 break 退出迴圈。...

2019-09-17 ‧ 由 Grete Ma 分享
DAY 17

JavaScript 初心者筆記: 迴圈 + JSON 練習

今天這篇比較偏我個人練習心得,不過既然我的鐵人主題本來就是定位成個人學習筆記,所以我就心安理得地放進來了~ 什麼是 JSON? 一種共通性資料交換的格式,用來...

2019-09-18 ‧ 由 Grete Ma 分享
DAY 18

JavaScript 初心者筆記: DOM - 如何用 JS 選取 HTML 元素

什麼是 DOM? 在前面的文章有簡單介紹過,傳送門:JavaScript 初心者筆記: JS 內建物件 - 全域物件篇。DOM 是 Document Objec...

2019-09-19 ‧ 由 Grete Ma 分享
DAY 19

JavaScript 初心者筆記: DOM - 如何用 JS 更改 HTML & CSS 屬性

今天要接續昨天的主題,繼續談在選取 DOM 之後,有哪些語法可以動態更改 HTML 元素的屬性及 CSS 屬性。 增加 / 更改屬性的值 - setAttri...

2019-09-20 ‧ 由 Grete Ma 分享
DAY 20

JavaScript 初心者筆記: DOM - 如何用 JS 新增 HTML 內容

今天這篇文章要介紹兩種在 DOM 樹中增加內容的方法,分別為 innerHTML 特性和 DOM 控制處理(createElement() + appendCh...

2019-09-21 ‧ 由 Grete Ma 分享