跪在一面：位元組跳動前端面試8道題，就像坐過山車樣刺激！

前言

能有大廠面試的機會，絕對要去珍惜，因為他真的可以幫你找出你太多的不足，準確命中你的弱點！ 還有，一定要善於總結經驗，總結面試題，為後面的面試儲蓄能量。

哎！長嘆一口氣。。。 我跪在了一面！但是，這次的面試，絕對是我面試生涯中，最最覺得特別值得的一次，也是讓我備受打擊的一次！他成功的讓我跪在大廠的面前，又讓我重新的去認識自己，不是會寫個頁面就是前端開發工程師，不是會呼叫一次ajax，就是前端開發工程師，不是會寫個css就是前端開發工程師！

第一道題：說一下你在專案中遇到的比較有挑戰性的工作？

這是一道比較開放性的問題！完全靠面試者自己在平時的開發中自我總結！我覺得，面試官真正想要了解的，是你在開發中，遇到棘手問題，如何解決，還有就像是上面說到的，有沒有做一些自己平時工作中可能沒有使用，但是作為前端開發必須要掌握的知識。這個就因人而異了，多多總結，多多吸取教學，這都是以後進入大廠的鋪路石。

第二道題：關於flex佈局，如何實現垂直居中？

我相信，但凡有準備面試的小夥伴，都會在各個文章、部落格中看到過，實現垂直居中的1001中辦法，面試官想要考察的，絕不僅僅是你能說出flex的垂直居中，你需要掌握的是全部的flex佈局的知識，因為，flex佈局的出現，極大的減輕的開發頁面的負擔，簡介、輕量化、語義化！你真的完全掌握了嗎？還不去翻阮一峰的部落格？

第三道題：關於瀏覽器，從URL輸入，到頁面的完全展現，都經歷了什麼？

這題，你也看過，但是你能完完整整的描述出來嗎？我覺得，你應該再從腦子裡面過一遍，不要留下任何的知識點，因為這裡面能問到的知識，真的太多了！DNS解析，http請求，關於快取，HTML樹，頁面渲染，迴流、重繪。你都完全的掌握了嗎？去翻部落格吧！

第四道題：關於頁面的載入，css的解析會影響js的執行嗎？css載入會影響嗎？

這題，如果你完整的讀過Javascript高階程式設計，你一定知道關於async和deffer的區別！別說你這也不知道，如果你真的不知道，那就去翻吧！

第五道題：關於promise的執行順序？

都知道，promise是非同步執行，但是，你知道為什麼promise能實現非同步執行嗎？then方法的引數的意義是什麼？我一時的大腦一片空白，明明每天都在呼叫介面，使用promise。也每天都在使用then方法，那是，我就是說不出來！不要像我一樣，因為我掌握的可能真的不徹底，所以很快就暴漏出來了，還沒等問到你promise實現的原理呢！

第六道題：輸入框輸入，請求後臺介面，第一個介面返回的資訊可能比較慢，到第二次呼叫後資訊已經返回了，前一條資料才出來，如何避免頁面被第一個介面返回的資訊覆蓋？

我當時的回答是，給後端傳送欄位，然後判斷返回的欄位的先後順序，比如A介面引數傳1，再次呼叫時傳2。。。 面試官不太滿意，因為如果頁面大量的get請求，很不方便，還要傳參！如何解決呢？我當時沒有好的方法，你有嗎？ （面試官：可以在axiox response攔截，比對我我們傳送的引數，進行比較，然後篩選出後輸入值返回的資料）

第七道題：多維輸入，如何判斷陣列的最深層有多少層？例如：［1，3，3［4，6，7，［5，6，7，43，［23，4］］］］，返回4！

來吧，突破你的想象力，你有多少種實現的方法？ 第一種：遞迴，但是，是不是殺雞用牛刀？ 第二種：陣列轉化為字串，然後查處多少個‘［’活著‘］’是不是更方便呢？

第八道題：http和https的區別是什麼？

都知道https更安全，他是如何實現的比http更安全的呢？在哪裡用到了對稱加密？哪裡用到了非對稱加密？ 這篇文章不是給大家進行知識點總結，如果你還不知道，那就去學吧！

面試總結

面試題歸類

我結束面試後，把面試題分幾大類總結出來整理成一份PDF文件，方便查詢和學習，每道題下面都有詳細的解析，

需要前端位元組跳動真題解析的小夥伴們點選下方卡片領取

HTML

HTML5 有哪些新特性？

Doctype作⽤？ 嚴格模式與混雜模式如何區分？它們有何意義？

如何實現瀏覽器內多個標籤頁之間的通訊？

⾏內元素有哪些？塊級元素有哪些？ 空（void）元素有那些？⾏內元 素和塊級元素有什麼區別？

簡述⼀下src與href的區別？

CSS

請你講一講 CSS 的權重和優先順序

介紹 Flex 佈局，flex 是什麼屬性的縮寫：

CSS 怎麼畫一個大小為父元素寬度一半的正方形？

CSS實現自適應正方形、等寬高比矩形

實現兩欄佈局的方式

實現三列布局的方式

CSS 動畫有哪些？

JavaScript 基礎

問：0。1 + 0。2 === 0。3 嘛？為什麼？

JS 資料型別

JS 整數是怎麼表示的？

Number（） 的儲存空間是多大？如果後臺傳送了一個超過最大自己的數字怎麼辦

寫程式碼：實現函式能夠深度克隆基本型別

事件流

事件是如何實現的？

new 一個函式發生了什麼

Vue框架

active-class是哪個元件的屬性？巢狀路由怎麼定義？

怎麼定義vue-router的動態路由？怎麼獲取傳過來的動態引數？

vue-router有哪幾種導航鉤子？

scss是什麼？在vue。cli中的安裝使用步驟是？有哪幾大特性？

mint-ui是什麼？怎麼使用？說出至少三個元件使用方法？

v-model是什麼？怎麼使用？ vue中標籤怎麼繫結事件？

axios是什麼？怎麼使用？描述使用它實現登入功能的流程？

axios+tp5進階中，呼叫axios。post（‘api/user’）是進行的什麼操作？axios。put（‘api/user/8′）呢？

什麼是RESTful API？怎麼使用？

計算機網路基礎

HTTP 快取

HTTP 常用的狀態碼及使用場景？

你知道 302 狀態碼是什麼嘛？你平時瀏覽網頁的過程中遇到過哪些 302 的場景？

HTTP 常用的請求方式，區別和用途？

你對計算機網路的認識怎麼樣

三次握手和四次揮手

演算法

一、連結串列

二、字串

三、陣列問題

四、二叉樹

五、排序演算法

六、二分查詢

七、動態規劃 ……

需要前端位元組跳動真題解析的小夥伴們點選下方卡片領取哈

面試掛掉如何調整心態

面試掛掉有這麼幾種可能：

1、對方發現你不適合他們：

比如對方想招一個帶團隊的，而你是做技術。遇到這種情況不要沮喪，這不是你的問題。我因為這個拒面的佔50%（包括對方拒絕我，和我拒面對方）

2、Head Count 有限，他們選擇了其他的人：

遇到這種情況也不要沮喪，畢竟人外有人，而他們 Head Count 可能只有一個。如果你面試前能夠和HR或工程師直接接觸，也可以問問他們有多少 Head Count

3、真的是憑實力掛掉了：

這個確實可以稍晚沮喪下，然後痛定思痛，反思反思自己是不是哪裡需要查漏補缺，或是表達方法哪裡有什麼問題。