2020前端工程師面試問題彙整及心得分享

一、前言

自2019年底開始自學轉職前端，自學方式為透過Udemy及YouTube教學影片，遇到問題時搜尋Stack Overflow嘗試解決方法，平時會使用GitHub管理個人練習的專案，完成用Vue.js及Firebase製作小型購物網站後，2020前六月底開始投履歷、參加面試，七月初剛入職成為前端工程師。

二、面試問題彙整

面試前閱讀了許多近年前端工程師面試的分享，列出常見的問題後找資料彙整，資料來源主要會先看多篇部落格文章複習、釐清概念後，若有官方說明文件則會搭配看，再用自己的描述方式整理面試時會如何回答，有類似概念也可以做比較，以下分享面試常問/被問到的概念，及查詢資料看到覺得整理得不錯的文章連結:

(一)CSS

1.垂直置中方法

CSS垂直置中技巧，我只會23個，你會幾個

2.position屬性

關於 position 屬性

3.偽元素

CSS 偽元素 ( before 與 after )

4.動畫: Transition 與 Animation

Day27：小事之 Transition 與 Animation - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

(二)JS

1.hoisting提升

一次說清楚 JavaScript 中宣告的各種提升行為（var、function、let/const）

Hoisting 提升

2.this

鐵人賽：JavaScript 的 this 到底是誰？

JavaScript This 系列文：this 為什麼指向 window

3.傳值Call by value、傳址Call by reference、淺拷貝、深拷貝

JavaScript 的「傳值」與「傳址」 - HackMD

4. 陣列的淺/深拷貝比較

JS 以陣列 Array 的複製談型別（下）

5.閉包Closure

重新認識 JavaScript: Day 19 閉包 Closure

所有的函式都是閉包：談 JS 中的作用域與 Closure

6.slice()、splice()、split()比較

slice()、splice()、split() 傻傻分不清

7.ES6 Class

JavaScript | ES6 中最容易誤會的語法糖 Class — 基本用法

8.ES6特點

Day15-淺談JS版本差異！ES5、ES6

(三)前後端串接

1.API、Ajax、CORS、JSONP

輕鬆理解 Ajax 與跨來源請求

2.Callback Function

JavaScript 什麼是Callback函式 (Callback Function)？

3.非同步 Asynchronous、同步 Synchronous、Promise + Async/Await

[心得] 認識同步與非同步 — Callback + Promise + Async/Await

JavaScript | 從Promise開始承諾的部落格生活

4.Fetch

AJAX與Fetch API

JacaScript | Fetch 讓 ES6 擁有一對翅膀-基礎教學

5.HTTP Status HTTP 狀態碼

6.Cookie、LocalStorage、SessionStorage比較

(三)面試相關分享

1.面試整體: junior 前端模擬面試：面試官心得

https://siddharam.com.tw/post/20200326/

2.JavaScript 熱門面試題

JavaScript 熱門面試題 — HackMD

3.Vue 面試題

公司要求会使用框架vue，面试题会被问及哪些？

三、心得分享

因為是自學轉職，所以為什麼轉職、如何自學幾乎是必問的問題，也不少公司會問未來入職後給自己的目標(學習規劃)，以及對公司有什麼想了解的地方，可以先列點準備如何回答(筆者習慣用列點的方式思考如何回答，可以讓自己比較清楚回答的架構內容)。

原先投履歷時的篩選標準是可接受無相關經驗、或一年以下工作經驗，不過目前剛入職的公司是因為條件中有提到三年以上相關工作經驗而沒有投的，收到104面試通知時除回覆個人的履歷、作品連結，也再次跟對方確認是否有符合公司需求，HR表示主管看過履歷及作品，認為可以來面試看看，所以就有了這次機會，因此若職缺要求的能力，覺得自己多數可以符合也可以投履歷試試，畢竟投履歷不用錢(?)，有嘗試有機會。

對沒有工作經驗的轉職階段來說，面試幾間後大概可以了解一般公司如何分工處理專案，而大部分面試時除了主管之外，未來共事的前端同事也有很大的機會是面試的一環，除了測試實力外，也重視彼此編碼的習慣及能否相處愉快，因此若有機會收到多家的offer，團隊的運作及未來同事的相處模式，也是自己最終決定的考量因素。

最後想說的是，即使入職了看著身邊的同事駕輕就熟地討論及處理專案內容，也希望自己可以盡快成為有更多貢獻的角色，內心不免有些緊張慌亂，畢竟入職是新階段的開始，可以給自己訂個學習計畫，找下班後的學習資源(YouTube上可以找到不少學習資源，而且免費XD)，週末找有趣的Side Project做，看著自己持續進步是最好的定心方式。