前言：

下面分享了一些關於騰訊、酷狗、位元組（實習的）面試真題，讓大家參考。大家也自己去收集整理其他的面試題，可以透過這些面試題，檢視自己的不足，也可以瞭解自己想要去的公司容易出現的面試題，進行有針對性複習。

騰訊一面

自我介紹

簡單聊了一下教育背景，問了一下專業學過的課程

為什麼選擇前端開發

深挖了一下前端開發的專案經歷

演算法題：給一篇文章，統計文章中出現次數最多的單詞，給出單詞和次數（注意可能存在多個次數最大的單詞）

講一下正則表示式

瞭解網路通訊嗎，講一下https

專案中有遇到過跨域嗎，講一下跨域

瞭解XSS攻擊嗎

瞭解less嗎

vue瞭解哪些原理，自定義事件知道嗎

css水平垂直居中

一道智力題：5:15的時針和分針夾角是多少(67.5)

講一下typescript，有哪些關鍵字

js繼承講一下

React學過嗎（沒學過，準備學。。。）

未來的學習方向怎麼規劃

反問

(只能想起來這麼多，面完之後確實感覺基礎不太紮實)

酷狗一面

自我介紹

介紹一下自己的專案，（從專案背景，專案完成的功能，難點介紹）

專案中用什麼資料庫，是關係型資料庫嗎，有沒有用到sql語句？

你的資料庫多大，有幾張表？

怎麼實現資料請求的？

雲函式怎麼實現的，nodejs嗎？

講一下宏任務和微任務

講一下事件迴圈

講一下任務佇列是由佇列做的還是棧做的？

vue父子元件怎麼實現通訊？

JS常見資料結構有哪些？

陣列和連結串列有什麼區別？

你用原生JS寫過什麼專案嗎？

常見的演算法有哪些？

講一下動態規劃吧，動態規劃有哪些例子？

反問

位元組一面

webAPP的適配

前端四大儲存方式

axios封裝為攔截類是怎麼實現的

travis（一個用於CICD的一個庫）

restful介面規範

瀏覽器可以傳送哪些請求（get、post等）

MySQL對鎖是怎麼處理的

如果兩個使用者同時訪問一個數據，並且對其進行讀寫操作，MySQL是怎麼處理這個問題的

專案中遇到的困難，如何解決的

元件庫實現了什麼元件，介紹一下

TCP三次握手

get、post請求屬於TCP還是UDP

懶載入是怎麼完成的

get、post的區別是什麼

跨域（jsonP、cors）

演算法（滑動視窗or回溯）

二面

前端學習了幾年了，如何學習的前端

大小端儲存

有一個已經上線的專案，專案中出現了一個bug，如果在不影響使用者的情況下實現專案的bug的修復，也就是重新部署

TCP三次握手裡有什麼重要資訊（確認序號等）

從輸入url到渲染出頁面經過了什麼過程

DNS有幾種查詢方式

什麼時候用遞迴查詢，什麼時候用迭代查詢

說明一下你對腳手架的理解

websocket

react和Vue有什麼區別

mysql有幾種索引

演算法：給了一張無向圖（資料結構），求最短路徑，1-5點之間的最短路徑，要求打印出中間經過的路徑。

一、簡歷的準備

簡歷製作是很重要的一個環節，一份好的簡歷會給面試官留下很不錯的印象，也有助於你順利透過簡歷篩選環節。

個人基本資訊：主要是姓名，聯絡方式，郵箱，學歷等；

技術技能：對了解、熟練掌握、精通這類詞有概念，不要隨便用精通；因為面試官一般會根據簡歷內容進行提問。

專案經歷：不寫對求職無用專案經歷、做的最好的專案 2 ~ 3 個即可，有資料支撐；

工作經歷：簡略概述名稱、在職時間、職位以及主要負責業務，也可以和專案經歷結合起來寫；

注意事項：

突出亮點：如開源專案、大廠背景、知名專案、個人部落格、技術亮點等；

針對不同公司職位，可以針對性地調整簡歷內容，準備多份簡歷；

格式排版：PDF 格式，最好一頁，最多不超過兩頁，認真檢查排版、錯別字、標點符號、措辭；

1、 知識體系

優秀的開發者很多都有維護自身知識體系的習慣，建立知識體系能幫助認知知識全貌及迅速找到知識的關聯，就像對碎片化的知識做了索引，知識體系可以幫助你儘快瞭解自己，幫助你查漏補缺，讓你能夠把寶貴的時間聚焦於自己的薄弱項。

2、基礎知識

html，css，js 的核心知識，其中 js 的核心知識尤為重要。

HTML

1，你如何理解HTML結構的語義化

2，說說 title 和 alt 屬性

3，Html5 有哪些新特性、移除了哪些元素

4，Label的作用是什麼？是怎麼用的？

5，瀏覽器是怎麼對 Html5 的離線儲存資源進行管理和載入的呢

6，iframe有哪些缺點？

7，HTML W3C的標準

8，Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?

9，HTML全域性屬性(global attribute)有哪些

10，viewport的content屬性作用

11，meta 相關

12，div+css的佈局較table佈局有什麼優點

13，簡述一下src與href的區別

14，知道的網頁製作會用到的圖片格式有哪些

15， 如何在 HTML5頁面中嵌入音訊與影片？

CSS

1，水平居中的方法

2，垂直居中的方法

3，link 與 @import 的區別

4，三列布局（中間固定兩邊自適應寬度）

5，BFC 有什麼用

6，清除浮動的幾種方式

7，CSS3有哪些新特性

8，css3 新增偽類 - 偽元素

9，為什麼要初始化CSS樣式

10，IE盒子模型 、W3C盒子模型

11，請解釋一下CSS3的Flexbox（彈性和佈局模型）,以及適用場景

12，display:inline-block 什麼時候不會顯示間隙？

13，行內元素float:left後是否變為塊級元素？

14，如果需要手動寫動畫，你認為最小時間間隔是多久，為什麼？

15，display:inline-block 什麼時候會顯示間隙？

16，CSS權重，計算規則

17，Sass、LESS是什麼？大家為什麼要使用他們？

18，stylus，sass，less區別

19，rgba() 和 opacity 的透明效果有什麼不同？

20，px和em的區別

21，使用css實現一個持續的動畫效果

22，重排和重繪

23，什麼情況會觸發重排和重繪？

JavaScript

1，說幾條JavaScript的基本規範

2，閉包

3，變數物件

4，作用域

5，說說你對作用域鏈的理解

6，JavaScript原型，原型鏈 ? 有什麼特點？

7，什麼是事件委託

8，類的建立

9，如何實現繼承？

10，談談This物件的理解

11，事件模型

12，new運算子具體幹了什麼呢?

13，Ajax原理

14，Ajax解決瀏覽器快取問題

15，如何解決跨域問題?

16，說說你對AMD和Commonjs的理解

17，js的7種基本資料型別

18，介紹js有哪些內建物件

19，JS有哪些方法定義物件

20，你覺得jQuery原始碼有哪些寫得好的地方

21，null，undefined 的區別

22，談談你對ES6的理解

23，面向物件程式設計思想

24，如何透過JS判斷一個數組

25，非同步程式設計的實現方式

26，對原生Javascript瞭解方向

27，sort 快速打亂陣列

28，陣列去重操作

29，JS 原生拖拽節點

30，深複製、淺複製

31，節流防抖

32，變數提升

33，JS中的垃圾回收機制

34，如何理解前端模組化

35，js單執行緒

36，說說event loop

37，描述下this

38，ajax、axios、fetch區別

3、演算法知識

把演算法單獨拿出來，是因為近年來在大廠的面試中對資料結構和演算法的考察越來越重視。

演算法和資料結構的學習是很有必要的，雖然對於前端崗位的演算法要求可能不會那麼高，但是基本的遞迴、遍歷、連結串列的操作、棧與佇列的常見演算法還是要會的。