前端廣深面試之旅

           最近經歷過一些面試，想把一些面試經驗給你們分享一下，好的公司面試完給你帶來挺多思考，差的公司之後就別去了，基本面試得很敷衍，對於想跳槽的人來說，等因而浪費了機會。

          今年行情比較很差，面試門檻也相對提升了，對於求職者沒有充分的準備，顯示是不行 的了。

          如下整理了一些面試題目，有興趣的同窗能夠參考參考，也能夠提出指正。

一家華南地區的大型直播公司：

電話面：

1.vue與react的區別

2.url從輸入到展現發生了什麼？

3.cookie與localStorage的區別，何時用cookie，localstorage

4.如何進行緩存

5.離線存儲有了解過嗎？

6.es6 map和set的區別

7.如何進行性能優化，如何判斷一個請求的時間

8.最近看過什麼書？

9.最近了解過什麼技術？

一面：

1.vue directive\components有哪些註冊方法

2.vue的生命週期有哪些

3.vue裏在created拿dom要怎麼拿？nextTick是作什麼的 ？

4.vue是構造函數仍是對象，掛在他上面的有哪些屬性

5.vuex和obj有什麼不一樣？

6.router背後作了什麼？是怎麼實現單頁面應用的？

7.node裏a.js、b.js裏循環引用會發現什麼？

8.webpack 整個流程的通過？插件的工做原理？loader是作什麼的 ？loader和plugin的區別？

9.vue裏v-model的實現過程是怎麼樣的？

10.虛擬dom是什麼？虛擬dom的性能必定比真實dom好嗎？

11.es6用過哪些？判斷數組的方法？

12.axios的源碼有看過嗎？

13.從頁面拿到html到渲染髮生了什麼？

14.跨域的方法有哪些？

15.緩存的方法有哪些？

16.性能優化的方法？

17.webpack能夠加載css文件嗎？

18.tcp三次握手、四次揮手？

bat其中一家的電話面：

1.項目

2.服務端性能

3.有過什麼性能優化，性能監控、異常監控作過什麼

4.兼容性

5.安全性

6.移動端調試

7.關注社區

總結：感受問項目基本圍繞這幾方面來提問，平時作項目應該多留意這些方面，不能作完項目就不去思考。

某上市作中間件公司：

1.CORS過程當中get請求發生了什麼？請求頭 有哪些，響應頭有哪些？什麼狀況下要發起options請求

2.immutable.js在es6裏有什麼方法能夠實現？

3.redux的流程

4.關於改造redux-thunk的，若是有promise函數，如何把流程讓給下一個

5.gitlab-ci部署作了什麼？

感受這家公司面試官挺有水平，有興趣的同窗能夠面一下。

華南地區大型酒店互聯網公司：

筆試

1.哪些方式能夠判斷類型，寫一個函數實現？

2.數組的方法，哪些會改變原數組，哪些不會？

3.類型相關判斷題？

4.哪些css屬性可使元素不可見？

5.css位置相關的題目

.div1,.div2,.div3,.div4,.div5,.div6 { 
   width: 100px;
   height: 100px;
}
.div1 {
   position: relative;
   background: #000;
}
.div2 {
  position: absolute;
  z-index: 10;
  background: red;
}
.div3 {
  background: green;
}
.div4 {
  position: absolute;
  background: yellow;
}

.div5 {
  position: absolute;
  z-index: -1;
  background: #0c0c0c;
}

.div6 {
  background: blue;
}
<div class="div1">
   <div class="div2"></div>
   <div class="div3"></div>
</div>


<div class="div4">
  <div class="div5"></div>
  <div class="div6"></div>
</div>複製代碼

6.事件循環，promise、async、setTimeout相關問題。

async function async1() {
  console.log('async1 start');
  await async2();
  console.log('async1 end');
}

async function async2() {
  console.log('async2');
}


console.log('script start');

setTimeout(function() {
   console.log('setTimeout');
}, 0)

async1();


new Promise(function(resolve) {
   console.log('promise1');
   resolve();
}).then(function() {
   console.log('promise2');
});

console.log('script end');複製代碼

7.實現正則，例如http://www.baidu.com/static/a.js

拿到非static、非common文件下的js文件

8.BFC相關的css題目。

面試：

1.同源策略？解決跨域的方法。

2.vuex

3.promise的方法有哪些？

4.怎樣加快首屏渲染。

5.axios封裝錯誤提示說說是怎麼實現的？

6.vue ssr實現過程。

7.webpack配置多個入口文件，配置壓縮文件。

8.發生內存泄漏有哪些狀況？

9.vue和react喜歡哪一個之類的？

10.let和const的區別？const聲明的對象爲何不能被修改？

11.cookie和localStorage的區別？cookie和localStorage、sessionStorage的區別？

12.幾個標籤頁之間如何通訊？

13.單頁面應用打開很是緩慢，如何去作一些性能優化？

14.如何處理0.5px;

15.get和post區別是怎麼樣的？

16.若是非瀏覽器端緩存如何每次取到最新的資源？

某華南地區CRM龍頭企業：

1.用3種方式實現2欄佈局。

2.

（function() {
   var i = 0;arr = [];
   for(i = 0;i < 3;i++) {
     arr.push(function() {
        console.log(i);
     }
   }
 });

arr[0]();
arr[1]();
arr[2]();複製代碼

3.算法相關的：

（1）."a=12&b=s"，寫一個函數a的值。

（2）.有一個類Stack,實現一個push、pop、getMin方法，getMin要求算法複雜度最小。

（3）.有一個字符串，求最長不重複的子串。

4.http相關？計算機網絡？304請求瀏覽器和服務器交互的細節？原理

5.性能優化相關的：

（1）1000個div渲染，要怎麼優化性能？

（2）1000個div作事件委託。

一面主要是根據筆試題作一些擴展提問。

二面：

1.設計模式相關的，觀察者和被觀察者模式怎麼實現，單例模式怎麼實現。

2.a、b、c更新依賴，那會所有更新，能夠怎麼優化？

3.eslint要去限制用戶的提交，作在哪個比較好，若是開發者不安裝eslint工做，繞過了，該在哪一步設置？

4.有哪些mvvm框架、mvc和mvvm的區別？

某中國大型手機公司：

有一道比較有意思的題目。

給一個對象

var obj = {
    id: xxx,
    name: xx,
    item: xx
}
var arr = ['id','name'];複製代碼

提問：給一個對象，這個對象根據一個數組，返回一個新對象

各位同窗能夠思考下有多少種方法實現。

某華南地區大型音樂公司

一面：

1.如何減小重繪、重排

2.組件維護的數據不少，如何作優化。

3.css預處理器都用到什麼？

4.手機端的頁面怎麼知道瓶頸在哪裏

5.vue源碼裏有哪些好的地方？

6.form.body提交有哪些字段？

7.object.assign和擴展運算符相同不？

二面主要是根據一些項目聊。

某大型fm音頻公司

筆試：

1.

.div1,.div2,.div3,.div4,.div5,.div6 { width: 100px;height: 100px; }
.div1 {
  position: relative;
  background: #000;
  z-index: 2;

}

.div2 {
  position: absolute;
  background: red;
  z-index: 10;

}

.div3 {
  background: blue;
  z-index: 2000;
}


.div4 { 
  position: absolute;
  background: green;
  z-index: 3;
  top: 0;
}

.div5 {
  position: absolute;
  z-index: -1;
  background: yellow;
}

.div6 {
  z-index: 1;
  background: orange;
}
<div class="div1">
  <div class="div2"></div>
  <div class="div3"></div>
</div>

<div class="div4">
  <div class="div5"></div>
  <div class="div6"></div>
</div>
複製代碼

2.實現一個sleep函數

3.作一個div正方形，長是屏幕的45%。

4.

function a() {
   return b;
   function b() {};
   var b = 'xx';
   b= 22;
}
typeof a()複製代碼

輸出什麼？

5.垂直居中的幾種方法？

6.實現一個bind

7.正則

 1.8-12個字符

2.數字和字母組成

面試：

1.xx.jpg -> xx_90*90.jpg

2.發佈訂閱模式

3.vue的源碼

4.什麼是深拷貝、淺拷貝分別實現一個

5.react 16增長了什麼特性

6.性能優化

7.事件循環機制

8.cdn是怎麼實現的？

9.設計一個組件是怎麼設計。

某華南龍頭互金公司：

機試：

1.div題目

2.onload  判斷加載成功，.判斷加載失敗

面試：

1.flex佈局完成3欄佈局怎麼作？

2.喚醒app庫是怎麼作？

3.詳情頁裏的sku庫存怎麼實現的？跳到購物車？

4.redux的單向數據流是怎麼樣？

5.nginx是怎麼樣的？有在服務器配過嗎？

6.setState是同步的仍是異步？事務的概念，state變化是怎麼驅使視圖的變化？diff過程是怎麼樣的？

7.使用了ts有什麼好處？

8.實現webpack插件要通過哪方面的步驟？

9.怎麼實現redux-thunk?redux-thunk有什麼好處？

10.http請求的底層是基於什麼？

11.http1.0->http1.1->http2.0都有哪些特性？

12.轉盤寬高要怎麼實現？

以上就是今天面試的一些題目，但願能對你們有幫助，因爲也隔了一段時間，不免不少細節問題都遺忘了，只能記得一些比較有表明性的問題，供你們之後求職參考。