iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

JavaScript 基礎修練 系列

透過30天的時間重新認識JavaScript,希望瞭解/釐清JavaScript底層觀念,並用自己的方式詮釋,以做為學習筆記,方便日後查閱。

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

[Day11] JavaScript - Function 函式

前面有提到JS有分為"基本型別"及"物件型別",那Function函式即屬於物件的一種,以下為四種常見的建立函式方式:...

2021-09-11 ‧ 由 yashienxxxx 分享
DAY 12

[Day12] JavaScript - 閉包 Closure

閉包(Closure)在MDN的解釋為: 是函式以及該函式被宣告時所在的作用域環境(lexical environment)的組合。 這樣看起來好像有聽沒有懂,...

2021-09-12 ‧ 由 yashienxxxx 分享
DAY 13

[Day13] JavaScript - 函式參數 (parameters)

函式參數在W3school的解釋為: Function parameters are the names listed in the function def...

2021-09-13 ‧ 由 yashienxxxx 分享
DAY 14

[Day14] JavaScript - 函式引數 Arguments

函式引數在W3school的解釋為: Function arguments are the real values passed to (and receiv...

2021-09-14 ‧ 由 yashienxxxx 分享
DAY 15

[Day15] JavaScript - 同步(Synchronous) 與 非同步 (Asynchronous)

JS需要JavaScript 引擎才能執行 JavaScript 是一個直譯式語言,而直譯語言無法獨立執行,必須仰賴一個能夠編譯及執行的環境(即JavaScri...

2021-09-15 ‧ 由 yashienxxxx 分享
DAY 16

[Day16] JavaScript - Promise 物件

我們過去在寫 JavaScript 使用的同步延遲,通常都是用非同步的 setTimeout 加 callback 來實現,但若有太多複雜的callback,...

2021-09-16 ‧ 由 yashienxxxx 分享
DAY 17

[Day17] JavaScript - Async & Await

為解決JavaScript非同步問題,最初使用的方式是callback function,但為了避免造成callback hell,而有了ES6的Promis...

2021-09-17 ‧ 由 yashienxxxx 分享
DAY 18

[Day18] JavaScript - Fetch

fetch() 是 ES6 的新語法,主要是搭配 Promise來執行請求網站和請求後獲取 Response 的處理方式。 語法 let promise = f...

2021-09-18 ‧ 由 yashienxxxx 分享
DAY 19

[Day19] JavaScript - DOM Event

使用者在瀏覽網頁時會觸發很多事件 (Events) 的發生,如點擊按鈕是一個滑鼠事件、輸入訊息是一個鍵盤事件、網頁或圖片完成下載時是一個事件、表單欄位值被改變也...

2021-09-19 ‧ 由 yashienxxxx 分享
DAY 20

[Day20] JavaScript - Event Bubbling (事件冒泡) & Event Capturing (事件捕獲)

Event Flow 事件流 DOM的Event flow概念,指的是「網頁元素接收事件的順序」。 假如有兩個重疊的<div>,外層是outer內層...

2021-09-20 ‧ 由 yashienxxxx 分享