iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-刷題不只是刷題

30 天克服前端面試 系列

主要練習常見的前端面試的觀念,以 Javascript 和 React 的口頭技術問題為主,包含前端面試常見的問題以及筆者在實際面試中曾被考過的題目。

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

Day 11 - 請說明 JavaScript 中.call 和 .apply 的差異為何?

.call跟.apply 都可以直接呼叫函式並且改變函式內 this 的指向,兩者最主要的差異是傳入的參數形式不同。 .call 定義:.call 方法會立即...

2024-09-25 ‧ 由 Ashley 分享
DAY 12

Day 12 - 請說明 closure 閉包是什麼?如何應用?

閉包是什麼? closure 函式可以存取其外部函式的變數,即使外部函式已經執行完畢並離開其作用域。可以存取到外部變數的原因在於: JavaScript 使用了...

2024-09-26 ‧ 由 Ashley 分享
DAY 13

Day 13 - 請描述原型繼承如何在 JavaScript 運作中?

原型 (Prototype) 在 JavaScript 中,每個物件都有一個內部屬性稱為 [[Prototype]],它指向該物件的原型。原型是一個物件,包含了...

2024-09-27 ‧ 由 Ashley 分享
DAY 14

Day 14 - 請說明 Map/Set 和 WeakMap/WeakSet 之間的差別是什麼?

Map和WeakMap Map 結構:Map 是一個以 key-value 的形式儲存資料,類似物件的資料結構,key 可以是任何型別,而 value 也可以...

2024-09-28 ‧ 由 Ashley 分享
DAY 15

Day 15 - JavaScript 中 同步 synchronous 與非同步 asynchronous 的差異是什麼?

同步 synchronous JavaScript 中同步的概念是指程式碼的執行會依照順序進行,必須等到前一個任務完成後才能執行下一個任務。但是由於 JavaS...

2024-09-29 ‧ 由 Ashley 分享
DAY 16

Day 16 - JavaScript 的匿名函式有哪些應用場景?

匿名函式 anonymous function 是指在 JavaScript 中沒有名稱的函式,通常用於一次性的操作或者作為參數傳遞給其他函式,此外,匿名函式不...

2024-09-30 ‧ 由 Ashley 分享
DAY 17

Day 17 - 淺複製 shallow copy 是什麼? 如何實踐?

Shallow clone 又稱淺複製,淺複製是將一個物件的 第一層屬性 複製到另一個物件上,讓兩個物件擁有相同的第一層屬性。這意味著當屬性是基本型別(如字串、...

2024-10-01 ‧ 由 Ashley 分享
DAY 18

Day 18 - 深複製 deep copy 是什麼? 如何實踐?

Deep clone 又稱深複製,相對淺複製僅是將物件的第一層複製,深複製則是將物件的所有層級都複製一份,深複製當遇到巢狀物件或是陣列時,就會進行深層的遍歷,將...

2024-10-02 ‧ 由 Ashley 分享
DAY 19

Day 19 - 為什麼實作 CSS 動畫位移效果使用 translate() 比 absolute 絕對定位更好?

剛好在最近工作上有遇到這個問題,就趁這個機會來討論 translate() 和 absolute 的差異,以及為什麼我們應該使用 translate() 來移動...

2024-10-03 ‧ 由 Ashley 分享
DAY 20

Day 20 -JSX 是什麼?瀏覽器可以直接執行嗎?

JSX 語法 JSX 語法是一種語法糖,提供我們在建立 react element 時,用類似撰寫 HTML 語法的體驗,提高可閱讀性與開發體驗。 使用 Re...

2024-10-04 ‧ 由 Ashley 分享