靠著這份269頁前端大廠面試寶典，拿到了京東前端實習offer

本人普通本科2022屆畢業生，在今年春招先拿一些中小廠練了練手，之后投了很多大廠，只有靠學長內推的京東收到了面試通知，非常珍惜這次面試機會，刷了很多面試題，功夫不負有人，今天收到了offer，希望能給大家一個借鑒參考，

4.10筆試

4.21一面

電話面試，時長25分鐘

• 無自我介紹，上來就八股文

• 垂直居中

• cookie和session區別

• 閉包

• 知道ES6中三個點是什么嗎，怎么使用（擴展運算子）

• 箭頭函式

• 瀏覽器快取

• http和https

• 跨域方法和實作

• TCP和UDP

• Vue生命周期

問的太簡單的沒記住多少，總體比較水，當時我還以為是沒有HC了

4.22二面 20分鐘

• 又是八股文

• 盒子模型

• 陣列去重的方法，說了四種

• 深拷貝和淺拷貝的區別

• 如何實作深拷貝

• 怎么判斷資料型別，說了三種

• 做了一道簡單題，然后用set優化了一下

因為太簡單，都不記得了，當時以為他們只是為了刷KPI

4.26HR面

都做好被渣的準備了

一共七分鐘

• 為什么學前端

• 說說對你影響最深的一段經歷

• 看你筆試分特別高，說說心得體會 我說，我還納悶呢，怎么我分數這么高，面試排這么晚

面試官解釋是因為前面流程慢（真的嗎？我不信）

到此我依然以為京東只是為了刷KPI，畢竟被他傷害的人太多， 包括我室友

4.28收到京東offer

為了準備這次面試刷了很多面試題，并且做了一個整理，分了HTML、css、JavaScript、React、Vue、瀏覽器、服務端與網路、演算法等等…

HTML

• html 語意化
• canvas 相關
• svg和canvas的區別？
• html5有哪些新特性？
• 如何處理HTML5新標簽的瀏覽器兼容問題？
• 說說 title 和 alt 屬性
• HTML全域屬性(global attribute)有哪些

CSS

• 讓一個元素水平垂直居中，到底有多少種方案？
• 浮動布局的優點？有什么缺點？清除浮動有哪些方式？
• 使用display:inline-block會產生什么問題？解決方法？
• 布局題：div垂直居中，左右10px，高度始終為寬度一半
• 盒模型
• CSS如何進行品字布局？
• CSS如何進行圣杯布局
• CSS如何實作雙飛翼布局？
• 什么是BFC？
• 觸發條件
• BFC渲染規則
• 應用場景
  …

JavaScript

• JS原始資料型別有哪些？參考資料型別有哪些？
• null是物件嗎？為什么？
• ‘1’.toString()為什么可以呼叫？
• 0.1+0.2為什么不等于0.3？
• 什么是BigInt? 為什么需要BigInt?
• 如何創建并使用BigInt？
• typeof 是否能正確判斷型別？
• instanceof能否判斷基本資料型別？
• 能不能手動實作一下instanceof的功能？
• Object.is和===的區別？
• [] == ![]結果是什么？為什么？
• JS中型別轉換有哪幾種？
• == 和 ===有什么區別？
• 物件轉原始型別是根據什么流程運行的？
• 如何讓if(a == 1 && a == 2)條件成立？
• 什么是閉包？
• 閉包產生的原因?
• 閉包有哪些表現形式?
• 如何解決下面的回圈輸出問題？
• 原型物件和建構式有何關系？
• 能不能描述一下原型鏈？
• JS如何實作繼承？
• 函式的arguments為什么不是陣列？如何轉化成陣列？
• forEach中return有效果嗎？如何中斷forEach回圈？
• JS判斷陣列中是否包含某個值
• JS中flat—陣列扁平化
• 陣列中的高階函式
• 能不能實作陣列map方法 ?
• 能不能實作陣列reduce方法 ?
• 能不能寫一個完整的深拷貝？
• 資料是如何存盤的？
• V8 引擎如何進行垃圾記憶體的回收？
• 描述一下 V8 執行一段JS代碼的程序？
• 宏任務(MacroTask)引入
• nodejs 和 瀏覽器關于eventLoop的主要區別
• nodejs中的異步、非阻塞I/O是如何實作的？
• JS異步編程有哪些方案？為什么會出現這些方案？
• 能不能簡單實作一下 node 中回呼函式的機制？
• Promise 憑借什么消滅了回呼地獄？
• Promise 如何實作鏈式呼叫？
• 現Promise的 all 和 race
• 解釋一下async/await的運行機制
  …

HTTP

• HTTP 報文結構是怎樣的？
• HTTP有哪些請求方法？
• GET 和 POST 有什么區別？
• 如何理解 URI？
• 如何理解 HTTP 狀態碼？
• 簡要概括一下 HTTP 的特點？HTTP 有哪些缺點？
• 對 Accept 系列欄位了解多少？
• 對于定長和不定長的資料，HTTP 是怎么傳輸的？
• HTTP 如何處理大檔案的傳輸？
• HTTP 中如何處理表單資料的提交？
• HTTP1.1 如何解決 HTTP 的隊頭阻塞問題？
• 對 Cookie 了解多少？
• 如何理解 HTTP 代理？
• 如何理解 HTTP 快取及快取代理？
• 為什么產生代理快取？
• 源服務器的快取控制
• 客戶端的快取控制
• 什么是跨域？瀏覽器如何攔截回應？如何解決？
  …

TCP協議

• 能不能說一說 TCP 和 UDP 的區別？
• 說說 TCP 三次握手的程序？
• 為什么是三次而不是兩次、四次？
• 三次握手程序中可以攜帶資料么？
• 說說 TCP 四次揮手的程序
• 為什么是四次揮手而不是三次？
• 介紹一下 TCP 報文頭部的欄位
• 說說 TCP 快速打開的原理(TFO)
• 說說TCP報文中時間戳的作用？
• TCP 的超時重傳時間是如何計算的？
• 說一說 TCP 的流量控制
• 說說 TCP 的擁塞控制？
  …

瀏覽器

• 說一說瀏覽器快取?
• 說一說瀏覽器的本地存盤？各自優劣如何？
• 說一說從輸入URL到頁面呈現發生了什么？（網路）
• 談談你對重繪和回流的理解
• 能不能說一說XSS攻擊？
• HTTPS為什么讓資料傳輸更安全？
• 能不能實作事件的防抖和節流？
• 能不能實作圖片懶加載？

Vue

• 什么是MVVM？
• mvvm和mvc區別？它和其它框架（jquery）的區別是什么？哪些場景適合？
• 組件之間的傳值？
• Vue 雙向系結原理
• 描述下 vue 從初始化頁面–修改資料–重繪頁面 UI 的程序？
• 虛擬 DOM 實作原理
• Vue 中 key 值的作用？
• Vue 的生命周期
• Vue 組件間通信有哪些方式?
• vue 中怎么重置 data?
• 組件中寫 name 選項有什么作用？
• vue-router 有哪些鉤子函式?
• route 和 router 的區別是什么？
• 說一下 Vue 和 React 的認識，做一個簡單的對比
• Vue 的 nextTick 的原理是什么？
• Vuex 有哪幾種屬性?
  …
  

資料結構與演算法

• 鏈表
  簡單的反轉鏈表
  區間反轉
  兩個一組翻轉鏈表
  K個一組翻轉鏈表
  如何檢測鏈表形成環？
  如何找到環的起點
  合并兩個有序鏈表
  合并 K 個有序鏈表
  判斷回文鏈表

• 堆疊和佇列
  有效括號
  多維陣列 flatten
  普通的層次遍歷
  二叉樹的鋸齒形層次遍歷
  二叉樹的右視圖
  完全平方數
  單詞接龍
  優先佇列
  關于堆的說明
  實作一個最大堆
  實作優先佇列
  前 K 個高頻元素
  合并 K 個排序鏈表
  什么是雙端佇列？
  滑動視窗最大值
  堆疊實作佇列
  佇列實作堆疊

• 二叉樹
  前序遍歷 / 中序遍歷 / 后序遍歷
  最大深度 / 最小深度
  對稱二叉樹
  二叉樹的最近公共祖先
  二叉樹的直徑
  二叉樹的所有路徑
  二叉樹的最大路徑和
  …

完整版面試題資料免費分享，只需你點贊支持，動動手指點擊此處就可免費領取了，

前端實習面試的套路

回顧專案

往往在面試時，面試官根據你簡歷中的專案由點及面地展開問答，所以請對你做過的最好的專案進行回顧和反思，回顧你做過的作業和專案中最復雜的部分，反思你是如何完成這個最復雜的部分的，

面試官會重點問你最復雜的部分的實作方法和如何優化，重點要思考如何優化，即使你專案中沒有對那部分進行優化，你也應該預先思考有什么優化的方案，如果這部分答好了，會給面試官留下很不錯的印象，

重點在于基礎知識

這里指的基礎知識包括：前端基礎知識和學科基礎知識，

前端基礎知識：html/css/js 的核心知識，其中 js 的核心知識尤為重要，比如執行背景關系、變數物件/活動物件（VO/AO）、作用域鏈、this 指向、原型鏈等，

學科基礎知識：資料結構、計算機網路、演算法等知識，你可能會想前端不需要演算法，那你可能就錯了，在大公司面試，面試官同樣會看重學生這些學科基礎知識，

你可能發現了我沒有提到React/Vue這些框架的知識，這里得說一說，大公司不會過度的關注這方面框架的知識，他們往往更加考察學生的基礎，

這里我的建議是，如果你至少使用或掌握其中一門框架，那是最好的，可以去刷刷相關框架的面試題，這樣在面試程序中即使被問到了，也可以回答個 7788，如果你沒有使用過框架，那也不需要太擔心，把重點放在基礎知識和學科基礎知識之上，有其余精力的話可以去看看主流框架的核心思想，