iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

擊敗前端面試大作戰! 系列

這次的文章主題是 “ 擊敗前端面試大作戰“,顧名思義就是以前端面試時會遇到的問題為主軸,依序從 html 和 css 到 JS 到 react 跟其生態系,接著會談到近年很紅的 Typescript,最後會以優化跟 side project 的選擇來做結尾。會選擇這個主提的原因,是想要透過這次的鐵人賽,重新複習前端的基本功,因此決定寫下這個系列來幫助自己在未來面試時可以再回來閱讀,同時也希望可以幫助到其他不管是在求職或是在職場打拼的前端工程師們!

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

[擊敗前端面試大作戰] Array's method

昨天我們講了 JS 的 promise 實作,今天我們要來繼續討論另一類很常在面試中遇到的實作題---Array 方法實作。 這裡我們就只挑最常見的幾個來實作...

2022-09-25 ‧ 由 bywater529 分享
DAY 12

[擊敗前端面試大作戰] React

嗨大家好,我是 bywater,今天來到前端面大作戰的第十二篇文章,也是 React 系列的開始,這個系列我預計會有四篇文章,內容會從第一篇的 react 介...

2022-09-26 ‧ 由 bywater529 分享
DAY 13

[擊敗前端面試大作戰] React Reconciliation

今天我們要來延續昨天的提到的 DOM 為人詬病的效能問題,來討論 React 是如何透過 reconciliation 來解決這個問題的!我們都知道 DOM...

2022-09-27 ‧ 由 bywater529 分享
DAY 14

[擊敗前端面試大作戰] React Hooks

今天要來聊 React hooks,Hooks 在 React 16.8 時推出,它提供了更低的學習曲線、更高的可讀性和更輕鬆的 debug。這篇文章會預設你...

2022-09-28 ‧ 由 bywater529 分享
DAY 15

[擊敗前端面試大作戰] React 18

這篇是 React 系列的最後一篇,下一篇就會開始講最近很紅的 Typescript!那這篇會以 React 18 為主題,大概講幾個我覺得蠻有趣的新功能,然...

2022-09-29 ‧ 由 bywater529 分享
DAY 16

[擊敗前端面試大作戰] 什麼是 Typescript?

今天是鐵人賽的第十六篇文章,也是 Typescript 系列的第一篇文章,這系列文章總共會有四個篇幅,內容會從為什麼需要 Typescript 開始,再來介紹...

2022-09-30 ‧ 由 bywater529 分享
DAY 17

[擊敗前端面試大作戰] Typescript Basics

嗨大家好,我是 bywater,今天會來講到 Typescript 的基礎型別。 Primitive Types //string const a: str...

2022-10-01 ‧ 由 bywater529 分享
DAY 18

[擊敗前端面試大作戰] Typescript Generics and Utility types

昨天講到了 Typescript 基本的幾個 type,在普通的場景中使用那幾個 type 就夠用了。但在實際應用上時,有時候懷是會遇到昨天講的 type 無...

2022-10-02 ‧ 由 bywater529 分享
DAY 19

[擊敗前端面試大作戰] Typescript narrowing and Type guard

這是 TS 系列的最後一篇文章,今天我們會來討論 Typescript narrowing 跟 type guard! 什麼是 type guard 跟 na...

2022-10-03 ‧ 由 bywater529 分享
DAY 20

[擊敗前端面試大作戰] 前端優化

今天是擊敗前端面試大作戰的第二十篇了!!!!我們前面討論了 HTML/CSS、Javascript、React 和 Typescript,基本上主要面試會考到...

2022-10-04 ‧ 由 bywater529 分享