iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

前端我來了 - 30天 JavaScript 從無到有 系列

只會 Java 純後端的我,準備連續強迫自己30天都學一點 JavaScript,自己的 API 自己接,途中也可能會穿插工作上遇到的難題、新技術,期望鐵人賽首戰告捷。

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

[30天 JavaScript 從無到有 Day 21] JavaScript DOM Event & toggle

事件 Event使用者在瀏覽頁面時,所觸發的 按滑鼠 按下鍵盤 下載 填寫資料 ... 監聽 Listen將發生的事件,透過 JavaScript 進行監聽...

2020-09-21 ‧ 由 分享
DAY 22

[30天 JavaScript 從無到有 Day 22] Everything is an object

Everything is an object (well, almost everything)除了一開始提的 Primitive value, 其餘皆為 o...

2020-09-22 ‧ 由 分享
DAY 23

[30天 JavaScript 從無到有 Day 23] Prototype

Function Constructor example var Person = function(name, age, job){ this.nam...

2020-09-23 ‧ 由 分享
DAY 24

[30天 JavaScript 從無到有 Day 24] Object and Function

在學Function前,先對 Object 與 primitive 做個簡單的比較 Object -> 並非真正被賦值,其代表的是指向記憶體的位置 pr...

2020-09-24 ‧ 由 分享
DAY 25

[30天 JavaScript 從無到有 Day 25] Closure & call / apply / bind

閉包(Closure) 回顧前面 Execution Context的概念,test 與 inner()存於 Execution Context clo() 中...

2020-09-25 ‧ 由 分享
DAY 26

[30天 JavaScript 從無到有 Day 26] Module Pattern

模組模式 (Module Pattern) 透過函式的 closure 特性 : 封裝函式和變數透過 IIFEs 特性 : 立刻呼叫JavaScript 沒有...

2020-09-26 ‧ 由 分享
DAY 27

[30天 JavaScript 從無到有 Day 27] 實作筆記-1

keypress 在 JavaScript 中,可透過 EventListener 對鍵盤進行監測,以下為常用(分大小寫)key : 按鍵名稱(Enter、9、...

2020-09-27 ‧ 由 分享
DAY 28

[30天 JavaScript 從無到有 Day 28] 實作筆記-2

透過 JavaScript 調整 HTML replace() : 字串取代 // replace('欲取代', '取代') var a = 'abcde';...

2020-09-28 ‧ 由 分享
DAY 29

[30天 JavaScript 從無到有 Day 29] 實作筆記-3

slice()、splice()、split() slice() 擷取起始點-結束點的內容(不含結束點) 針對Array、String a.slice()...

2020-09-29 ‧ 由 分享
DAY 30

[30天 JavaScript 從無到有 Day 30] 12屆完賽心得

心得 慚愧阿 這大概是這次鐵人賽最大的心得吧,雖然一直都知道鐵人賽,但其實今天才發現這是一年一度,很慶幸自己在找資料、debug 的時候看到了 12 屆鐵人賽的...

2020-09-30 ‧ 由 分享