iT邦幫忙

鐵人檔案

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

新手的JavaScript扎根之路 系列

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

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

Day21 增加、修改和移除標籤中的屬性

嗨嗨!我是Winnie溫尼~ 前言 前面的章節,我們認識到了DOM元素中修改文字內容的方法textContent、innerHTML,今天要介紹的則是如何增加、...

2022-10-05 ‧ 由 Winnie 分享
DAY 22

Day22 取值方法

嗨嗨!我是Winnie溫尼~ 前言 前面的章節,我們認識到了DOM元素中修改文字內容的方法textContent、innerHTML、如何增加、修改和移除標籤中...

2022-10-06 ‧ 由 Winnie 分享
DAY 23

Day23 增加網頁更多的互動效果-Event事件

嗨嗨!我是Winnie溫尼~ 前言 前面的章節,我們認識到了DOM元素中修改文字內容、增加、修改和移除標籤中的屬性以及各式取值方法,今天要介紹的是增加網頁更多互...

2022-10-07 ‧ 由 Winnie 分享
DAY 24

Day24 陣列處理方法 forEach

嗨嗨!我是Winnie溫尼~ 前言 還記得我們在前面的章節學到的陣列array嗎?接下來就來認識更多陣列的處理方法啦!今天就由forEach打頭陣,一起來看看吧...

2022-10-08 ‧ 由 Winnie 分享
DAY 25

Day25 陣列處理方法 map、filter

嗨嗨!我是Winnie溫尼~ 前言 昨天介紹的第一個陣列處理方法forEach,今天我們要介紹的則是map、filter,一起來看看吧~! map 將原始陣列運...

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

Day26 陣列處理方法 find系列

嗨嗨!我是Winnie溫尼~ 前言 前面的章節我們介紹了陣列處理方法forEach、map、filter,今天要介紹的則是find系列的find、findInd...

2022-10-10 ‧ 由 Winnie 分享
DAY 27

Day27 函式陳述式與表達式

嗨嗨!我是Winnie溫尼~ 前言 還記得我們在前面章節學到的函式嗎?其實前面介紹的函式寫法都稱之為「函式陳述式」,而這個章節則要分享「函式表達式」、「箭頭函式...

2022-10-11 ‧ 由 Winnie 分享
DAY 28

Day28 網路請求

嗨嗨!我是Winnie溫尼~ 前言 你有想過當我們在網址列按下enter之後,到可以瀏覽網頁資料時,這之間到底發生了什麼事呢?還有有時候打開網頁看到的404到底...

2022-10-12 ‧ 由 Winnie 分享
DAY 29

Day29 axios請求方法get、post

嗨嗨!我是Winnie溫尼~ 前言 上一個章節我們講到了網路請求的相關知識,而今天就要來分享要如何取得資料或是傳送資料給伺服器端,*目前Javascript常用...

2022-10-13 ‧ 由 Winnie 分享
DAY 30

Day30 總結

嗨嗨!我是Winnie溫尼~ 前言 終於來到Day30了٩(๑ᵒ̴̶͈᷄ᗨᵒ̴̶͈᷅)و,第一次寫鐵人賽,中間真的有幾次覺得有點痛苦要中斷的感覺...,好險撐過...

2022-10-14 ‧ 由 Winnie 分享