iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

從零開始的JS學習之路 系列

從商業設計轉職前端的新手,希望藉由參賽,記錄自己學習的過程。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室V5.0
DAY 21

[Day21] 回呼函式 Callback Function

先來看看 MDN 的定義。 回呼函式(callback function)是指能藉由 argument 通往另一個函式的函式。它會在外部函式內調用、以完成某些...

2021-10-06 ‧ 由 Rex 分享
DAY 22

[Day22] 計時器 setTimeout()

圖片出處:https://tw.crazypng.com/56.html 在上一篇讀 callback function 時看到範例用了這個 setTimeo...

2021-10-07 ‧ 由 Rex 分享
DAY 23

[Day23] Array methods 陣列操作方法(1)

前面在講物件型別的時候只稍微談到陣列,而其實陣列包含很多種 methods 可以運用,這篇要來練習陣列的操作方法,讓我們來看看鄭列工具人可以做到哪些事。關於怎麼...

2021-10-08 ‧ 由 Rex 分享
DAY 24

[Day24] Array methods 陣列操作方法(2)

一秒進入主題,今天繼續實作練習 Array methods。 filter() 顧名思義濾掉某個數,然後印出陣列結果;例如我們不要 43 設 !=43,新的陣列...

2021-10-09 ‧ 由 Rex 分享
DAY 25

[Day25] Array methods 陣列操作方法(3)

直接進入 Array methods 實作練習主題。 push() 新增元素至原陣列末端,可一次新增多個,並用逗號 , 隔開,新增後 length 會跟著改變,...

2021-10-10 ‧ 由 Rex 分享
DAY 26

[Day26] String methods 字串操作方法(1)

今天來了解字串的操作方法有哪些,至少讀過或操作一次,或許未來有哪些情境可以用到。 charAt() 回傳指定索引值的字元,預設值為 0,如下例:若沒輸入值則顯示...

2021-10-11 ‧ 由 Rex 分享
DAY 27

[Day27] String methods 字串操作方法(2)

match() 尋找字串裡符合的項目,並用陣列排序出來,可以用 g 區分大小寫或者 gi 不區分大小寫。若括號內留空 string.match(); 會回傳空陣...

2021-10-12 ‧ 由 Rex 分享
DAY 28

[Day28] 正規表達式 Regular Expression

這幾天寫 String methods 的時候,在句法裡發現(regexp)這個詞,查了一下原來是 Regular Expression 的縮寫,也就是正規表示...

2021-10-13 ‧ 由 Rex 分享
DAY 29

[Day29] 正規表達式 - 中英空白生成器實作

「曾經滄海難為水,中英不空眼睛痛」,每當看到文字沒對齊、段落沒縮排或者中文字遇英文字不加空白,就會感到焦慮。筆者雖然努力的想忽略,但還是被過去的職業病所困擾,想...

2021-10-14 ‧ 由 Rex 分享
DAY 30

[Day30] 前面就是終點,該寫什麼呢?

要不要自己加賽到 42 天?還是乖乖完賽就好? 記得以前還是跑者的時候,練跑距離大概都維持在 8 公里左右,每當參加路跑活動 10 公里的距離都覺得游刃有餘,所...

2021-10-15 ‧ 由 Rex 分享