iT邦幫忙

鐵人檔案

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

登堂入室!前端工程師的觀念技術 _30_ 題 系列

(入門~初階程度)
可能包含:名詞解釋、易混淆觀念的統整,或常見的面試題實作。

內容應該會偏重JS,補充一些HTML/CSS,或加一點點React。

以成為前端工程師為目標,希望能完整的對前端相關技術進行表述。
如果有或建議改進的部分,還請不吝指教 :D

參賽天數 26 天 | 共 31 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文
DAY 1

目錄 [10.12更新]

前言 (入門~初階程度) 篇名"登堂入室",寫得冠冕堂皇也只是因為喜歡很台的發音:D想到朋友用台語唸"踏門入室"覺得很...

2021-09-01 ‧ 由 Winnie 分享
DAY 2

1. 解釋 Scope ( Global scope / Function scope / Block scope )

2021.9.3更新: 調整了一些block scope的敘述。 Scope 的定義 scope 可以翻譯成作用域,意即 variable能被調用的範圍。...

2021-09-02 ‧ 由 Winnie 分享
DAY 3

2. 解釋 Closure ( Scope chain )

定義 MDN的定義: A closure is the combination of a function bundled together (enclos...

2021-09-03 ‧ 由 Winnie 分享
DAY 4

3. 解釋 Hoisting

在我們之前提到的Execution Context,都會執行一個被稱為"Hoisting的步驟"。 而今天就要來複習hoisting ~...

2021-09-04 ‧ 由 Winnie 分享
DAY 5

4. 關於 Constructor Function

(想直接看題目的話可以移到最後一個標題!) 在準備回答問題前,先複習幾個觀念: Constructor Function → Constructor建構子,用...

2021-09-05 ‧ 由 Winnie 分享
DAY 6

5. bind, call, apply 的差異

在回答問題前,我們可以先了解他們是做什麼用的,為什麼總是拿來被比較? 這裡要先回憶一個觀念: JS裡,所有的 函式 (function) 都是物件(object...

2021-09-06 ‧ 由 Winnie 分享
DAY 7

6. Prototypal inheritance 的運作原理

(這篇會延續Constructor Function的內容,來解釋 Prototype 和 Prototypal inheritance。) (想看結論可以看粗...

2021-09-07 ‧ 由 Winnie 分享
DAY 8

7. 解釋 Event Loop ( 上 ) --- Call Stack

9.9更新: 更正呼叫堆疊的內部為 stack frame。 (提醒:文中的執行環境都是browser(chrome)) 今天要解釋JS的Event Loo...

2021-09-08 ‧ 由 Winnie 分享
DAY 9

8. 解釋 Event Loop ( 下 ) --- Task Queue ( Callback Queue )

(上一篇只有複習,沒有帶到題目,所以這篇會解釋兩個問題,答案可以直接看結論~) 解釋Event Loop的運作? Call Stack和Task Queue的...

2021-09-09 ‧ 由 Winnie 分享
DAY 10

9. 關於 this 的 5 題練習

這篇只包含我自己不熟悉的題型,建議有看到文章的人自己做做看題目! 題目來自 六角學院 的 觀念測驗:JavaScript 熱門面試題。(目前題型是公開的,如果之...

2021-09-10 ‧ 由 Winnie 分享