iT邦幫忙

鐵人檔案

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

學習JavaScript的基礎概念 系列

主要內容:
本次主題是想以「JavaScrip全攻略:克服JS的奇怪部分」的重點整理,再加上「忍者:JavaScript 開發技巧探秘」為輔助,並給自己期限看完這本書,結合這兩大內容來寫出重點筆記。

這次內容分成三大部分:
1.JavaScript重點概念整理
2.忍者開發技巧實作
3.實作作品&延伸學習

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

Day21 箭頭函式表達式、嚴謹模式

箭頭函式表達式與一般函式表達式的語法不同例: //一般函式表達式: function sayHi() { console.log("Hi&qu...

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

Day22 forEach()、for of loop和for in loop

forEach() 遍歷陣列的方法,會對陣列裡的每一項目執行一次,裡面也可以放function。 找出大於20的數字,例: let luckyNumbers =...

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

Day 23 Document Object、HtmlCollection、NodeList

常用的Document Object getElementById():針對給定的ID,可對html元素做控制,注意英文是Element。 getElemen...

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

Day24 物件導向、繼承、原型Prototype

物件導向OOP(Object Oriented Programming) 一個物件可以是另外一個物件的屬性,在JavaScript是使用函數建構式(constr...

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

Day25 Class、extends類別繼承、原型繼承與Object.create()

Class 推薦使用的ES6語法糖,英文意思可以理解成類別、模板,也是JavaScript的prototype語法的概念,和construector funct...

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

Day26 API、Fetch()、async/await

Fetch API Fetch API 提供了一個能獲取包含跨網路資源在的資源介面。它有點像我們所熟悉的XMLHttpRequest,但這個新的 API提供了更...

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

Day27 Callback、Promise()

Callback 所謂的「Callback function」,簡單來說就是「把函式當作另一個函式的參數,透過另一個函式來呼叫它」。大部分使用callbacks...

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

Day28 來製作ToDoList吧 - 1(附上Font Awesome使用教學)

在鐵人賽自我挑戰的最後幾天,想來製作一個todoList最為最後的結尾,會盡量註解詳細。 這次製作ToDoList流程: 在Html建立好form表單 Ad...

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

Day29 來製作ToDoList吧 - 2

製作ToDoList流程-2: 建立「勾選」按鈕的偵聽事件 讓點擊按鈕時不會點到圖示 按下勾選完成按鈕出現刪除線,再按一次刪除線消失 建立「清除」按鈕的偵聽事...

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

Day30 ToDoList - 3 & 自我挑戰感想

感想:長達30天的自我挑戰要結束了,其實內心也有點不捨,也感謝這挑戰給了我許多查資料的動力,當道某些講解看不懂就再找其他講解,直到一己看懂,也喜歡自己那份投入的...

2022-10-14 ‧ 由 faith1031 分享