Skip to main content

[鐵人賽 2022-擊敗前端面試大作戰] 開賽

前言​

嗨大家好，我是 bywater，是一名準鐵人（對自己能夠完賽很有自信!)。這是我第一次參加鐵人賽，勵志不成為前端鐵人不罷休！

這次的文章主題是 “ 擊敗前端面試大作戰“，顧名思義就是以前端面試時會遇到的問題為主軸，依序從 html 和 css 到 Js, Js 實作題 到 react 跟其生態系，接著會談到近年很紅的 Typescript，最後會以優化跟 side project 的選擇來做結尾。

為什麼會選擇這個主題​

我會以前端面試為這次鐵人賽的主題，是因為在工作後發現自己的一些前端基礎還是不夠紮實，因次想要透過這次的鐵人賽，重新複習前端的基本功，並且發現在當初求職時找不到一個全面的且免費的前端面試系列文章，因此決定寫下這個系列來幫助自己在未來面試時可以再回來閱讀，同時也希望可以幫助到其他不管是在求職或是在職場打拼的前端工程師們！

目錄​

  • 開賽
  • 寫在前面-免費前端學習資源看這篇就夠了！

HTML5/CSS​

  • HTML 和 CSS 面試題

Javascript​

  • let,const, var and hoisting
  • closure
  • promise callback
  • prototype, this
  • execution context call stack and event loop
  • Polyfills and transpilers
  • 實作 promise, promise.all, promise.race
  • 實作 array method

React​

  • React 介紹
  • React Reconciliation
  • Hooks
  • React 18

Typescript​

  • 什麼是 Typescript?
  • Typescript basic types
  • Generic
  • Typescript narrowing and Type guard

優化​

  • client optimization
  • Core web vital, lighthouse
  • Image optimization
  • CSR vs SSR
  • React 優化, throttle, debounce

HTTP/Cookie/Web​

  • 前端面試必考的四題 HTTP 題
  • What happens when you type a URL into your browser?

Side project​

  • 面試加分利器－－－side project

Behavior questions​

  • Behavior questions

Resume​

  • 怎麼寫出滿分履歷

寫在最後​

  • 完賽！

這一系列適合誰看​

適合閱讀者

資歷初階並且以 React 開發為主的前端工程師，或是正在轉職／剛入職的前端新手們！

不適合閱讀者

資深前端，已經有三年以上的前端工程師，因為這會是以“基礎前端面試會遇到的問題”為主軸的系列文章，所以廣度會是這文章的重點，在文章的深度上就不會那麼的深入！

有打錯或是問題，非常歡迎在下面留言討論！

也可以追蹤我的medium，裡面不定期會寫一些最近在研究的東西或是想法！