前言

前端工程師的面試主要以技術面試與行為面試為主，其中技術面試與 Javascript、前端框架為主，考的方式通常是口頭技術問答或上機考、筆試，跟其他軟體工程師準備技術面試不同的是：前端考 leetcode 的比例較低，當然想進好一點的公司還是得刷。

今年的文章會以準備前端面試技術題為主，一天一題前端面試題，藉由此次鐵人賽的機會好好把觀念從頭複習。

前端面試題準備資源

前端面試刷題：

• Bigfrontend
  題目涵蓋 Javascript,css,react,typescript...等還非常多種的題型，大推！

• GreatFrontEnd
  部分功能需要付費，但一樣也是涵蓋多種類型的前端面試題

• ExplainThis

React

• Zet大大寫的React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者
  熟讀完絕對可以讓你從容回答 React 的面試題，大推！

• Deeper Dive Into React

leetcode:

Grind75
這個網站會根據你的自身需求挑出在 leetcode 中必做的資料結構演算法題目

大綱

這次練習的題目主要是 JavaScript 跟 React，題目的來源我是根據 GreatFrontEnd 中標示為 high 的面試題為主，加上一些自己最近在面試中真實遇到的題目。

1. 請說明 JavaScript 中的 hosting 是什麼？
2. 請說明 JavaScript 中 let, var , const 的差異為何?
3. 請說明 JavaScript 中 == 和 === 的差異為何?
4. 請說明 JavaScript 中的事件循環 event loop 是什麼?
5. 請說明 JavaScript 中的事件委託 event delegation 是什麼?
6. 請說明 this 如何在 JavaScript 中運作？
7. 請描述 cookie, sessionStorage 和 localStorage 在瀏覽器中的差異為何？
8. 請描述 <script>, <script async> 和 <script defer>的差異為何？
9. 請描述 JavaScript 中 null, undefined 和 undeclared 的差異為何？
10. 請說明 JavaScript 中.call 和 .apply 的差異為何？
11. 請說明 closure 閉包是什麼？如何應用？
12. 請描述原型繼承如何在 JavaScript 運作中？
13. 請說明Map/Set和WeakMap/WeakSet之間的差別是什麼？
14. 請說明 JavaScript 中 同步 synchronous 與非同步 asynchronous 的差異是什麼？
15. JavaScript 的匿名函式有哪些應用場景？
16. 淺複製 shallow copy 是什麼? 如何實踐?
17. 深複製 deep copy 是什麼? 如何實踐?
18. 為什麼實作 CSS 動畫位移效果使用 translate() 比 absolute 絕對定位更好？
19. jsx 是什麼？瀏覽器可以直接執行嗎？
20. React 中從呼叫 setState 到瀏覽器畫面真的發生改變，中間的流程發生了什麼事情？
21. React componet 的生命週期
22. React 的 useEffect 是什麼？如何使用？
23. useEffect dependencies 機制設計的目的? dependencies 的不同情境運作?
24. useCallback 和 useMemo 的用途和使用時機
25. React useRef 的使用情境？
26. React Virtaul DOM
27. React 中 useContext 跟 React-MobX 的差異
28. 手寫 debounce 防抖函式和 throttle 節流函式
29. Typscript 中什麼時候用 interface 什麼時候用 type ?

這次因為太忙沒來得及先囤一些文章，接下來就只好過著每天壓死線的日子了，希望我可以擠得出時間並且可以堅持到完賽><