一、前言

本篇要來整理常見的面試題目，整理的目的只是為了日後方便閱讀，文章內的資訊都是從網路上收集而來，若是有侵權情況，煩請告知謝謝！

二、非關技術問題

2.1 你會 XXX 技能嗎？

1. 你會使用 SASS 或是 SCSS 嗎？
2. 知道如何使用 mixin 和 SASS、SCSS 變數嗎？
3. 有使用過 gulp 嗎？
4. 有使用過 Three.js 嗎？
5. 用過什麼框架？Angular、React、Vue？
6. 你有跟別人協同開發過嗎？
7. 學習前端上有遇到什麼挫折嗎？是如何克服的？

2.2 你會怎麼做？

1. 請說明一下你的專案？
2. 在專案中遇到什麼困難？如何解決？
3. 如何跟後端溝通協作？
4. 寫程式遇到問題時都怎麼解決？
5. 有帶電腦嗎？ 能展示一下你的作品嗎？

2.3 考試方法

1. 出題目，在家完成後回傳檔案。
2. 在公司直接紙筆考試。

2.4 基本考古題

1. 可以請你自我介紹一下嗎？
2. 請問你的優缺點是什麼？
3. 為什麼想來我們公司工作呢？對公司的瞭解是什麼？
4. 你可以接受加班嗎？對加班有什麼看法？
5. 請問您離開上一份工作的原因是什麼？
6. 你如何處理工作壓力？
7. 你的薪水期望是多少？
8. 講一下你自己 / 你的工作經歷
9. 我們為什麼要僱用你？（目前沒有被這樣問過）
10. 你對未來有什麼規劃？／加入公司後，你有什麼目標？
11. 還有什麼問題想問的嗎？

2.5 提問題

1. 請問您對這個職務的員工有什麼期許？

三、技術問題

3.1 JavaScript

1. minify 是什麼？在 JS 的運作過程？
2. this 指向的範圍？
3. 如何實作「繼承」？
4. new 的運作原理？
5. 前端效能優化的方法？
6. 使用遞迴的好處？與 for 之間的差別？
7. 「閉包」的實際應用？
8. MVC 是什麼？
9. 「作用域」是什麼？
10. callback function 是什麼？
11. debounce 是什麼？
12. 「淺拷貝」、「深拷貝」有什麼差別？
13. 解釋 ==、 === 的差異?
14. 如何實作 AJAX ?
15. 解釋「原型鍊」是什麼？
16. React、Redux 的開發場景應用？

3.2 CSS

1. rem、em、%、px、ch、vh、vw 的差別？
2. CSS 選擇器（30 種 CSS 選擇器）的用法？
3. 什麼是 CSS reset？
4. 對 Box Model 的理解？
5. CSS 中可以隱藏頁面元素有哪些？以及之間的區別？
6. 什麼是 BFC？對 BFC 的理解？
7. CSS 如何畫一個三角形？
8. 如何用 CSS 完成「視差滾動」？

3.3 Git 版本控制

1. 請解釋一遍整個 Git 版控的流程？

3.4 網頁效能

1. 如何降低網頁載入的效能、時間？
2. 本機載入 JS 檔案和用 CDN 載入的差異？
3. 打包成 webpeck 和「分開載入」的差異及對效能的影響？

3.5 網路相關

1. 什麼是 HTTP？HTTP 和 HTTPS 的區别？
2. 說說 HTTP 常見的狀態碼有哪些，可適用場景？
3. 說一下 GET 和 POST 的區別？
4. 對 WebSocket 的理解？以及可應用場景？

3.6 尚未分類

1. CI/CD 是什麼？怎麼用？

四、推薦資源

1. 目前暫無推薦

五、結論

本篇整理了與前端相關的面試題目，在第二章節中，我們介紹了一些與技術無關但是可能會出現的題目，準備起來有備無患。而在第三章，則是收集與前端技術相關的問題，可以在沒事的時候加減複習。那麼今天的內容到這邊結束，感謝收看！

六、參考資料

1. 前端面試問題 ( 2022前端面試題目 )
2. web前端面試- 面試官系列
3. 前端面試心得
4. 破解９大經典面試問題，最佳回答範例看這篇就夠