iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

[擊敗前端面試大作戰] 來認識Core Web Vital 三劍客 和 lighthouse吧!

今天是優化系列的第一篇,今天我們會講如何去衡量網頁的效能,每個網頁使用者的使用裝置、網路環境的等等都不同,那我們要怎麼去衡量網頁效能的好壞呢?下面我們會介紹衡量...

2022-10-05 ‧ 由 bywater529 分享
DAY 22

[擊敗前端面試大作戰] Image optimization

今天要來針對昨天討論到 core web vital 的優化方法做更深入的討論!記得昨天討論到 Largest Contentful Paint(LCP),然後...

2022-10-06 ‧ 由 bywater529 分享
DAY 23

[擊敗前端面試大作戰] client-side-rendering vs server-side-rendering

Client-side Rendering 客戶端渲染 Client-Side Rendering 指的是網頁渲染大部分都透過瀏覽器端來完成,包含其中的邏輯、取...

2022-10-07 ‧ 由 bywater529 分享
DAY 24

三人行必有我師焉 ---- useMemo vs React.memo vs useCallback 三種優化 React 的方法!

這篇是優化的最後一篇文章,要來討論優化 React 的三種方法,分別是 useMemo, React.memo 和 useCallback! useMemo...

2022-10-08 ‧ 由 bywater529 分享
DAY 25

[擊敗前端面試大作戰] 前端面試必考的四題HTTP題

今天來到新的系列!主要會介紹四題必考的 HTTP 或是跟 Web 相關問題! 1. 什麼是 HTTP method?跟 POST,PUT 差別 HTTP 是一...

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

[擊敗前端面試大作戰] 在網頁中輸入 URL 之後送出發生了什麼事?

今天要來討論在網頁中輸入 URL 之後送出發生了什麼事!上面這張圖很清楚的畫出了 URL 在瀏覽器中送出之後所發生的事!首先, 在網頁中輸入 URL www...

2022-10-10 ‧ 由 bywater529 分享
DAY 27

[擊敗前端面試大作戰]面試加分利器---side project

如果問我說,哪一項事情可以最大化的為面試加分,我會毫不猶豫的說 side project。我的分析是,常見的幫助面試加分的面向以前端來說有以下幾個: 必要的...

2022-10-11 ‧ 由 bywater529 分享
DAY 28

[擊敗前端面試大作戰]Behavior Questions

除了技術面試題之外,很多公司在面試時還會加上 behavior questions。什麼是 behavior questions? behavior ques...

2022-10-12 ‧ 由 bywater529 分享
DAY 29

[擊敗前端面試大作戰] 把你的履歷分區塊 — — 前端工程師怎麼寫出滿分前端履歷

「一份好的履歷,距離拿下理想工作就成功了一半」這是過去一個老師跟我說過的一句話,而我在每一次找工作的經歷中不斷驗證出這句話的重要性。在求職過程中,面試官想要在...

2022-10-13 ‧ 由 bywater529 分享
DAY 30

[擊敗前端面試大作戰] 完賽拉!

終於在經過三十天的水深火熱中終於完成了人生中第一場也應該也是最後一場的鐵人賽哈哈哈,這三十天每天要寫一篇文章實在是太累人了。寫到後面我幾乎對寫作失去了熱情,果然...

2022-10-14 ‧ 由 bywater529 分享