爲了圓大廠夢，一年半前端人的求職路

我的經歷

2018.9開始實習，2019.7畢業於某二本。老東家前端團隊100人左右，社招基本不算實習經驗，算是一年半經驗出去戰鬥。

從2018.9年實習 -> 2019.7轉正 -> 2021.3離職，在這一年半時間裏，寫了好久的類似業務，感受對本身的成長來講，幫助很小。一直是vue，一直是toB，一直都是his系統。近一年以來，基本也是本身在負責兩個項目，很想和別人一塊兒作項目，學習大佬的姿式。也很想作作其餘的產品，或者toC等等，想讓本身能接觸更多的東西。打聽了有贊技術挺強，用的也是大廠偏心的React，本身想轉這方面的，也是爲了一個大廠夢，因此本身須要作出一些改變。再加上結婚須要房子，杭州的房價又不低，必須得去奮鬥，說白了仍是缺錢。提離職以前也大概瞭解了老東家的漲幅，下家給的翻倍，沒辦法拒絕。也是爲了提升本身的base，爲之後作作準備。

我前先後後面試了微點、塗鴉、海康、端點、有贊和字節跳動這6家公司，大概講講面試的狀況和結果：

一、微點(offer)

出去面試的第一家，3輪技術+一輪hr，給的薪資還能夠，其餘年終1-3個月，單休+五險一金最低，本身就不考慮了

二、塗鴉(現場掛)

信心滿滿的去現場面，被錘了一頓。次要緣由是：我給的pdf簡歷，重點的地方用其餘顏色標記了。結果塗鴉hr打印出來的簡歷這些標重點的都沒了。面試官也很無奈，只能揀其餘能看見的關鍵字問，我又不太熟，就只能GG了。給本身的打擊挺大的。。。主要緣由仍是本身菜

三、海康(一面20mins掛)

一面二十多分鐘，而後給我掛了

四、端點(offer)

一面電話，二面現場，三面HR電話。技術棧react，前端七八十人左右，給的薪資也還行，據說那邊90%是3個月年終，原本是要去的，後面有了有讚的offer。

五、有贊(offer)

先後大概一週，年前最後一個工做日收到offer，本身提了離職

六、字節跳動（一面1h20mins掛）

年前拿了有讚的offer，準備去了。惋惜的時候沒有面過大廠。快到離職日期的時候，朋友幫我內推了一下字節，帶着試一試的心態，距離上一次面試已經一個月了，簡單準備了一下。一面1h20min，我的感受沒有想象的那麼難，編程題沒作好，是本身的問題，再加油吧💪🏻。

整理總結了下前端面試的問題和答案，但願本身綿薄之力能幫助到你們，在金三銀四之際，找到一份趁心如意的工做。

HTML

1.你是怎麼理解HTML語義化
2.你用過哪些HTML5標籤
3.metaviewport是作什麼用的，怎麼寫？
4.H5是什麼
5.label標籤的做用
6.行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
7.a標籤中如何禁用href跳轉頁面或定位連接
8.canvas在標籤上設置寬高和在style中設置寬高有什麼區別
9.你作的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什麼?
10.iframe有哪些缺點？
11.HTML5新特性
12.HTML5離線儲存
13.瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢？
14.Doctype做用?嚴格模式與混雜模式如何區分？它們有何意義?
15.HTML與XHTML——兩者有什麼區別

CSS

1.頁面渲染時，dom元素所採用的佈局模型,可經過box-sizing進行設置。根據計算寬高的區域可分爲：
2.幾種得到寬高的方式
3.邊距重疊解決方案(BFC)BFC原理
4.擴展各類得到寬高的方式
5.邊距重疊解決方案（BFC）BFC原理
6.css reset和normalize有什麼區別
7.居中方法
8.介紹一下CSS的盒子模型
9.CSS選擇符有哪些？
10.CSS3新增僞類有哪些
11.什麼是cssHACK？
12.Less/Sass/Scss的區別
13請解釋一下CSS3的flexbox（彈性盒佈局模型）,以及適用場景？

JavaScript

1.請你談談Cookie的優缺點
2.Array.prototype.slice.call(arr，2)方法的做用是
3.如下代碼執行後，控制檯的輸出是
4.簡單說一下瀏覽器本地存儲是怎樣的
5.原型/構造函數/實例
6.原型鏈
7.執行上下文(EC）
8.變量對象
9.做用域鏈
10.閉包
11.對象的拷貝
12.new運算符的執行過程
13.instanceof原理
14.代碼的複用
15.繼承

瀏覽器

1.跨標籤頁通信
2.瀏覽器架構
3.瀏覽器下事件循環(EventLoop)
4.從輸入url到展現的過程
5.重繪與迴流
6.存儲
7.WebWorker
8.V8垃圾回收機制
9.內存泄露
10.reflow(迴流)和repaint(重繪)優化

服務端與網絡

1.http/https協議
2.常見狀態碼
3.get/post
4.Websocket
5.TCP三次握手
6.TCP四次揮手
7.Node的EventLoop:6個階段
8.URL概述
9.安全
10.HTTPS和HTTP的區別

VUE

1.vue.js的兩個核心是什麼？
2.vue的雙向綁定的原理是什麼?
3.vue生命週期鉤子函數有哪些？
4.請問v-if和v-show有什麼區別？
5.vue經常使用的修飾符
6.什麼是vue生命週期
7.數據響應(數據劫持）
8.virtualdom原理實現
9.Proxy相比於defineProperty的優點
10.vue中key值的做用

算法

1.五大算法
2.基礎排序算法
3.高級排序算法
4.遞歸運用(斐波那契數列)：爬樓梯問題
5.數據樹
6.天平找次品

對於程序員來講，要學習的知識內容、技術有太多太多，要想不被環境淘汰就只有不斷提高本身，歷來都是咱們去適應環境，而不是環境來適應咱們！面試問來問去仍是這些知識內容，因此面試沒有其餘的訣竅，只看你對這些知識點準備的充分程度。全部，出去面試時先看看本身複習到了哪一個階段就好。

因爲篇幅有限，只是以圖片的形式給你們展現一部分，前端面試題pdf內容太多了，有須要資料的能夠 點擊這裏，免費獲取文章中全部前端面試資料 完整版的PDF文檔。