2019-04前端面經分享

本人找工做也找了快一個月了，面試的公司大概有20家公司了，大公司創業型公司都有，因爲沒有在每次面試完以後作一個記錄，就作個籠統的面試經驗概括，按照技術的分類能夠分爲：

• html
• css
• js
• 計算機基礎

Html模塊

1.html5有哪些新的特性？

2.html怎麼設置緩存，有哪些方式控制緩存？

tip：由於html這一塊問的也比較少，主要仍是傾向於Js

CSS模塊

1.css3有哪些特性？

2.display:none和visibility:hidden的區別，有次面試問了個比較有意思的問題，父元素設置display:none，父元素和子元素都設置了backgroundImage,問背景圖片會去請求嗎？

3.怎麼去垂直居中一個100px*100px的div，有哪些方法？

4.css的px，rem，em，vh，vw，%的區別？

5.css的解析順序，從左到右仍是從右到左，爲何？

6.flex:1表示什麼意思？

7.移動端怎麼去作適配的？

8.標準盒子和IE盒子的區別，標準盒子能夠轉換爲IE盒子嗎？

9.sass &的用法？

10.常見的一些瀏覽器兼容性問題？

11.解決移動端1px邊框問題的幾種方法？

tip：css通常也問的很少，通常2c產品比較多的公司會問比較多的css問題

JavaScript模塊

1.js基本數據類型和複雜數據類型有哪些，有什麼區別？

2.null和undefined的區別？

3.爲何要深拷貝，實現一個深拷貝，有些公司會要求手寫

4.如何判斷變量是否爲數組？

5.如何將僞數組轉換成數組？

6.ES6給Array新增了哪些方法，find方法和filter方法的區別？

7.如和給對象數組根據一個屬性來進行排序，好比有arr=[{id:1},{id:2}...]，根據id來進行排序

8.js的運行機制和垃圾回收機制？

tip:這裏插入幾個運行順序的一些問題，++i和i++的區別，變量提高和函數提高的區別

9.promise、setTimeout、nextTick、setImmediate的優先級？

10.js閉包的理解、原型鏈的理解

11.js的做用域和做用域鏈

12.js內存泄露是什麼，有哪些狀況會致使內存泄露，有什麼解決方法？

13.ajax的原理，跨域的形成，解決方式有哪些？

14.es6有哪些新特性？

15.es6有哪些方式去執行異步操做，promise和await的區別？

16.手寫一個簡易版promise

17.promise的then、catch、done、finally的區別?

18.如何實現Promise的all方法

19.箭頭函數有哪些特性，this指向問題

20、call、apply和bind的區別，手寫一個bind方法

2一、給Array新增一個去重方法

2二、localStorage、sessionStorage和cookie的區別

2三、JS事件機制，捕獲、處於目標節點和冒泡

2四、事件委託實現原理

2五、防抖和節流有什麼區別，如何實現？

2六、前端設計模式有哪些，觀察者模式和發佈訂閱者模式的區別，什麼是單例模式，應用場景是？

2七、移動端click事件延遲300ms的緣由以及解決辦法？

2八、jquery的extend和fn.extend的區別？

29.vue的生命週期

30.react的生命週期

31.react的setState作了什麼？

32.vue的數據綁定如何實現的，有看過源碼嗎？

33.vue的虛擬dom原理，有看過源碼嗎？

34.vue的父子組件如何通訊的，兄弟組件通訊有什麼解決方法

35.vuex有哪些模塊，action能夠執行一些異步操做嗎，vuex的原理？

36.vue的自定義指令，有寫過Vue插件嗎，Vue.use(plugin)怎麼實現的

37.vue的extend和mixin的區別

38.vue-router有哪幾種方式，有什麼區別，都是怎麼實現的？

39.webpack的rules執行順序

40.webpack用過哪些插件

41.webpack的一些優化操做

42.webWorker和serviceWorker和區別

tip：通常面試主要問的仍是js，我用的技術棧是vue居多，因此問的vue比較多

計算機基礎模塊

1.手寫快排

2.二叉樹轉成雙向鏈表

3.http、tcp、udp的區別

4.網絡七層模型

5.http頭部有哪些

6.http緩存如何實現的

7.http2.0的瞭解

8.tcp三次握手原理

9.https的原理

10.進程和線程的區別

其餘問題

1.從用戶在瀏覽器輸入url到返回一個頁面經歷了哪些？

2.如何對網頁作SEO優化，單頁面應用有seo優化方案嗎？

3.前端性能優化

4.前端性能監控

5.前端規範怎麼實施

6.如何去架構一個項目，前端框架如何選擇

7.你學習前端的一些方式，學習一門新技術的方法

8.你以爲你的優點在哪裏