iT邦幫忙

鐵人檔案

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

新手的JavaScript扎根之路 系列

「HTML 、CSS、JavaScript」是網頁設計的三巨頭,HTML是一個建築師,建立網頁的主結構; CSS 是一個化妝師,負責美化網頁樣式;JavaScript 是一個動畫師,負責描述網頁如何與用戶互動並呈現動態效果。其中初學JavaScript,經常會遭遇到挫折、撰寫不出預期的功能,因此希望藉由30天重新整理JavaScript的觀念,從中融會貫通並且自我學習將基底扎穩更上一層樓!

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

Day11 陣列 Array

嗨嗨!我是Winnie溫尼~ 前言 let rainbowColorNumber = 7 let rainbowColor = ["紅",&...

2022-09-25 ‧ 由 Winnie 分享
DAY 12

Day12 陣列 Array 的新增與刪除

嗨嗨!我是Winnie溫尼~ 前言 在前一個章節,我們學到了用來將相同性質的資料集合起來的陣列,以及陣列的基礎應用,包含陣列的值會被[]包覆、資料讀取、長度讀取...

2022-09-26 ‧ 由 Winnie 分享
DAY 13

Day13 物件 Object

嗨嗨!我是Winnie溫尼~ 前言 前面兩個章節,我們學到了用[]包覆住的是陣列,用來將相同性質的資料集合起來,而今天要介紹的是用{}包覆住的物件,物件是用來記...

2022-09-27 ‧ 由 Winnie 分享
DAY 14

Day14 陣列、物件與JSON格式

嗨嗨!我是Winnie溫尼~ 前言 前面幾個章節,我們學到了用[]包覆住的是陣列,以及用{}包覆住的物件,用來記錄詳細的細部資訊,而陣列與物件在實戰中他們是很常...

2022-09-28 ‧ 由 Winnie 分享
DAY 15

Day15 函式function

嗨嗨!我是Winnie溫尼~ 前言 今天要介紹的是在JavaScript中佔有很重要地位的函式(function),特性是把會重覆使用的程式碼封裝,需要時便可直...

2022-09-29 ‧ 由 Winnie 分享
DAY 16

Day16 函式應用

嗨嗨!我是Winnie溫尼~ 前言 前一個章節,我們學到認識到了函式可以被定義起來並且重複使用的特性,也了解到如何宣告函示、執行函式,而今天要來分享的是函式的特...

2022-09-30 ‧ 由 Winnie 分享
DAY 17

Day17 全域變數vs區域變數

嗨嗨!我是Winnie溫尼~ 前言 在JavaScript中的變數區分為兩種:全域範疇(Global scope)、區域範疇(Local scope),而簡單來...

2022-10-01 ‧ 由 Winnie 分享
DAY 18

Day18 什麼是DOM?

嗨嗨!我是Winnie溫尼~ 前言 今天要介紹的是DOM元素,結合JavaScript便可以撰寫出更多與使用者互動的功能,那麼我們就先來認識到底什麼是DOM元素...

2022-10-02 ‧ 由 Winnie 分享
DAY 19

Day19 選擇想要的元素!

嗨嗨!我是Winnie溫尼~ 前言 前一個章節,我們認識到了什麼是DOM元素,也了解到DOM元素與JavaScript的關係,在HTML中引入JavaScrip...

2022-10-03 ‧ 由 Winnie 分享
DAY 20

Day20 textContent、innerHTML修改文字內容

嗨嗨!我是Winnie溫尼~ 前言 前面的章節,我們認識到了DOM元素,也認識到包括querySelector、getElements選擇器,那麼選取到DOM元...

2022-10-04 ‧ 由 Winnie 分享