與傳統的軟體工程師面試相比，前端工程師面試對演算法和計算機背景的考察程度較低。 面試通常側重於前端基礎知識的複雜性，例如 HTML、CSS、JS 等。 同時，我們會根據各面試公司的技術棧，重點介紹一些應用技術，比如小程式、react、vue等。
騰訊
文件共281頁，主要內容歸納為：HTML、CSS、J**Ascript、HTTP、TCP協議、瀏覽器、VUE、react、資料結構和演算法。HTML相關HTML 語義。
帆布。
SVG 和 Canvas 有什麼區別？
HTML5 有哪些新功能？
如何處理 HTML5 新標籤的瀏覽器相容性問題？
讓我們來談談標題和 alt 屬性。
CSS相關
有多少個選項可以使元素水平和垂直居中？
浮動布局的優點是什麼？ 有什麼缺點？ 清除浮子的方法有哪些？
使用 display：inline-block 有什麼問題？ 解決方案是什麼？
布局問題：div 垂直居中，左右 10px，高度始終是寬度的一半。
盒子模型。 CSS 如何布局字元？
j**ascript
js原始資料有哪些型別？ 引用資料有哪些型別？
null 是物件嗎？ 為什麼？
1'.為什麼可以呼叫 tostring（）？
0.1+0.為什麼 2 不等於 03？
什麼是 Bigint？為什麼需要 bigint？
如何建立和使用 Bigint？
typeof 是否正確確定型別？
instanceof 可以確定基本資料型別嗎？
您可以手動實現 instanceof 函式嗎？
object.is 和 === 和有什麼不一樣？
= 
HTTP相關
什麼是 HTTP 資料包結構？
HTTP請求方法有哪些？
get 和 post 有什麼區別？
你如何理解 URI？
如何理解 HTTP 狀態程式碼？
HTTP功能的簡要概述？ HTTP 的缺點是什麼？
你對接受家庭領域了解多少？
TCP 協議
您能告訴我們TCP和UDP之間的區別嗎？
跟我們說說TCP三方握手的過程吧？
為什麼是三次而不是兩次、四次？
我可以在第三次握手時攜帶資料嗎？
我們來談談TCP揮舞四次的過程。
為什麼是四波而不是三波？
瀏覽器相關
談論瀏覽器快取？
談論瀏覽器的本地儲存？ 每種方法的優點和缺點是什麼？
告訴我們從輸入 URL 到頁面渲染發生了什麼？ （網路）。
談談你對重繪和回流的理解。
您能談談 XSS 攻擊嗎？
為什麼HTTPS使資料傳輸更安全？
Vue 相關
什麼是 MVVM？
MVVM 和 MVC 有什麼區別？ 它和其他框架（jquery）有什麼區別？ 哪些方案是合適的？
在元件之間傳輸值？
Vue 雙向繫結原則。
描述一下 Vue 從初始化頁面 -- 修改資料 -- 重新整理頁面 UI 的過程？
虛擬 DOM 實現原則。
React 相關
區分真實 DOM 和虛擬 DOM
什麼是 React？
React 有哪些特點？
列出 React 的一些主要優勢。
React 的侷限性是什麼？
什麼是JSX？
資料結構依賴於演算法
鍊表]鍊表的簡單反轉。
範圍反轉。 以兩組為一組翻轉鍊表。
以 k 為一組翻轉鍊表。
如何檢測鍊表形成迴圈？
堆疊和佇列]是有效的括號。
多維陣列扁平化
普通關卡遍歷。
二叉樹的鋸齒形分層遍歷。
二叉樹的右檢視。
二叉樹]預購遍歷中階遍歷後序遍歷。
最大深度 最小深度。
對稱二叉樹。
二叉樹的最接近的共同祖先。
二叉樹的直徑。
由於篇幅有限，部分內容以截圖形式展示，需要接收前端工程師面試手冊的合作夥伴私信“111”即可獲取。