2018-頭條，騰訊，小米，百度前端面經

哈哈，來兌現以前的承諾啦，從3月份一直到前幾天 ，面了很多公司，以後還有百度和今日頭條，京東的面試，但阿里offeer已經拿到，不出意外，就是去杭州啦！(＾－＾)V（寫於6月）

【注：以前的一篇面經文章被付費轉載啦，因此就先刪除了，很差意思哈】

說面經以前，先總的說下面試建議吧，裏面有我學長對我說的建議，分享出來，但願能幫到你們！

今日頭條一面（1h 沒問項目）

由於三輪技術面是連續的，因此就把問到的題目總結一下，不保證順序，不保證完整。

• 面試中，穿插其中的算法
  • 兩個構造函數的實現繼承
  • 快速排序
• 說下OSI七層模型
• 說下NAT技術？（一臉懵）
• 快速排序的時間複雜度是多少，怎麼算的啊？
• 數據庫索引？ *數據庫事務？
• 數據庫多對多的關係是怎樣的？
• 線程調用的過程？
• 操做系統中斷？
• 操做系統虛擬內存？
• 進程和線程的區別？
• 判斷一個單鏈表是否有環，如有，找出環的入口節點？
• call，apply,三者的區別？
• call，apply實現bind？
• Vue
  • action和mutations的區別？（同步異步）
  • vuex在最開始時候this就有store屬性的區別
  • 生命週期

---

【2018-04-24】騰訊一面（ 2.5h，18:01-20:34）

首先面試官聲音憨厚，電話面50min，以後加了QQ，屏幕分享寫代碼（兩道算法題） 期間，面試官有命令其餘人作些事，感受地位不低

項目一點沒問！額... ...

• 正則匹配一個QQ號，應該怎麼寫？
• 5:15 時鐘和分鐘的夾角？
• Vue的兼容性怎麼樣？
• 雙向綁定怎麼實現的？
• 一篇英文文章，找到出現次數最多的那個單詞？（問的特別詳細）
• 在勤奮蜂科技你主要負責什麼事情？
• 性能優化都作了哪些？
• 來，加下QQ作下題？ 1.JS寫快速排序，（兩種方法，一種要臨時數組，一種不要），跑出結果來？ 2.實現一個簡單的觀察者模式（Observer），：

let o = new Observer();
// 添加監聽
o.listen('eventName', (param1, param2) => {});
// 觸發
o.trigger('eventName', 'param1', 'param2');
// 刪除監聽
o.remove('eventName', function () {});
複製代碼

---

【2018-04-23】小米一面（1h，17:00-18:00）

• 自我介紹
• JS操做DOM的方法？
• JQuery$()ID，類，元素 執行順序 ？
• 用過哪些AJAX方法？（原生，Promise，async，await）
• 原生AJAX請求怎麼寫？
• 我但願AJAX請求上傳文件，要顯示進度條，在什麼地方獲取到進度的數值？
• 我沒用過Vue，Vue用什麼方法實現的AJAX？
• 有用到Fetch嗎？
• Promise你是怎麼構建並使用？
• ES6，你有用到其餘的方法嗎？（箭頭函數，let，const，Promise，）
• 箭頭函數中的this指向是什麼呢？
• 普通函數的this指向有哪些狀況呢?
• 說說構造函數時怎麼綁定的this？
• Vue雙向綁定怎麼實現的嗎？
• Watch是輪詢仍是其餘才知道數據改變的？
• 有用過Webpack嗎？

CSS

• 選擇器優先級？（！important>內斂樣式>id>class>標籤）

• 垂直居中的方法？

• flexb佈局說下？

• csss動畫，會用到什麼樣的方法寫cee動畫？

• 漸入漸出怎麼實現的？

• 大概說下htttp請求的過程？

小米二面（15min，二面時間和百度差很少，並且也是女生）

當時正在作愛奇藝筆試題，接了電話，筆試直接放棄

• 實習何時能來？不能更早了？
• handlebar主要在什麼場景下用的？
• 你的項目爲何要用handlebar模板啊？
• 經過什麼方式接觸前端啊？
• 平時有看什麼書或者博客？
• 項目有要求兼容性的問題嗎？
• 小程序你遇到過什麼問題啊？
• 移動端項目多仍是PC端的項目多，作移動端，對Android和IOS有沒有遇到過一些兼容性問題？
• 屏幕適配是怎麼適配的？
• 項目中怎麼用rem的吧？
• 平時有用React？
• 平時有看過一些項目的源碼？
• 平時有用的CSS3動畫？
• 有用過canvas嗎？
• 平時動態效果作的多嗎？
• 你專業是物聯網，本專業有學過什麼語言？
• 平時有研究過算法嗎？

---

百度一面（5:18-6:00-42分鐘）

• 自我介紹？
• 項目亮點，難點？
• 說下MVVM是個什麼概念嗎？
• vue是怎麼實現雙向綁定？
• 瀏覽器渲染和服務器渲染有什麼區別和優劣？--》怎麼解決前端渲染的劣勢（首屏加載時間過長，SEO）？
• vue SSR有了解嗎？（服務端渲染的解決方案）
• 前端本地緩存有哪些方案？
• 怎麼實現響應式佈局？
• 想用flex佈局實現左中右佈局？
• 有了解到Grid佈局？
• ES6有那些異步解決方案？（Promise，await，async）
• ES6箭頭函數和普通函數有什麼不同？

百度二面（15min）

• 簡單介紹下本身
• 你這邊用Vue用了多久啊？ 用Vue又遇到印象深入的技術難點？
• 匯款單APP，您能介紹下這個項目嗎？
• 語言識別是怎麼搞的？
• 微信小程序踩過什麼坑沒？
• 平時會經過哪些渠道來更新本身的知識？
• 在團隊中，有什麼收穫啊？
• 和其餘部門合做遇到什麼大問題嗎？
• 有遇到產品改需求的問題？
• 有沒有遇到設計師，恨摳1像素的問題？
• 你如今大三，你何時能實習的，實習窗口是多少？

---

好了，以上！但願對你們有所幫助，有什麼問題也歡迎你們和我討論(‿)。