鐵人檔案
主要練習常見的前端面試的觀念，以 Javascript 和 React 的口頭技術問題為主，包含前端面試常見的問題以及筆者在實際面試中曾被考過的題目。
當呼叫 setState 後會發起 component re-render，React 會啟動 reconciliation 流程，最終更新瀏覽器的 DOM 並...
Component 的三大生命週期 生命週期就是指一個 React Component 在被創建到被銷毀的過程中，會經歷的一系列階段。 一. Mount Mou...
React 在 component function 中提供了一個 useEffect hook 來 隔絕和管理副作用 。React 在每次 render 之後...
useEffect hook 最主要的作用在於處理與畫面無關的 side effect，並非是 functional component 的生命週期API，因為...
useCallback的用途和使用時機 useCallback hook 最主要的作用在於幫助其他 React 效能優化的手段維持正常，例如：React.mem...
useRef 是什麼？ useRef 是 React 提供的 hook，用來創建一個 可變（mutable）的引用對象，可以用來存取 DOM 元素或保存跨越多次...
DOM DOM (Document Object Model) 是一個網頁樹狀資料結構的物件，用來呈現瀏覽器中的畫面結構。當頁面產生變化時，便是透過操作 DOM...
useContext useContext 是 react 提供的一個 hook，可以讓我們透過讀取和訂閱元件中 context 共享元件之間的資料，主要是用來...
防抖和節流函式是前端常見的效能優化的技巧，透過這兩個函式可以有效的減少函式被觸發的次數，達到效能優化的目的。 debounce 防抖函式 防抖函式的作用是在一段...
TypeScript 中 Interface 和 Type 的差別有以下幾點：這題在面某知名電腦大廠有被問過 1.TypeScript 編譯器推論結果不同 Ty...
