2019 年 9月到10月 web前端面試題總結

2019年9月到10月大概面試了30多家公司，對常常被問到的題目作了一些總結，大部分都是沒有答案，只寫了題目，你們自行取閱。

友情提示：簡歷上面的寫的熟悉的技能必定要每一個都看一遍，保證每一個都很清楚，不只知道結果還要知道緣由

js相關

1.頁面的重排和重構

2.evevt loop 宏任務 微任務 setTimeout promise分別屬於什麼任務，相關代碼輸出的問題

3.閉包原理，項目中的例子

4.原型機繼承，prototype 隱式原型鏈__proto__的關係

4-1 經常使用的繼承方式

5.bind call apply 的區別

6.深拷貝 淺拷貝

7.數組去重的方法

7_1 數組合並的方法

8.用原生js寫一個const靜態變量的方法，思路使用Object.defineProperty方法，重寫set方法，在set方法中直接throw error

9.es6 promise以前的認真看完，promise generator async分別是什麼，區別及聯繫

9_1 promise執行過程

9_2 Async 錯誤信息怎麼拿

10.防抖動 節流

11.原生ajax怎麼寫

12.跨域 緣由及解決方法 同源策略

13.web攻擊方式和防護手段 1.XSS攻擊（跨站腳本攻擊）2.CSRF攻擊（跨站請求僞造）3.SQL注入 4.session攻擊會話劫持 14.cookie sessionStorage localStorage區別

15.restful 規則

16.get和post的區別

17.簡單請求和複雜請求 簡單請求get post 複雜請求put update delete

18.強緩存 協商緩存 cache-control etag expire

19.一個url從輸入到頁面加載完成所經歷的過程

19-1 DNS域名解析

19-2 tcp協議 三次握手 四次揮手

19-3 tcp 屬於傳輸層 http 屬於應用層

19-4 http1.0 http2.0 https的區別

20.自定義事件機制，即捕獲和冒泡，addListener函數，參數即默認值

21.new 操做具體作了什麼 www.jianshu.com/p/a69d7374f…

22.柯里化

23.$.ready 和window.onload區別

24.對象排序，切割

數據結構：

經常使用的幾種數據結構：

1.二叉樹，多叉樹，鏈表，堆，棧，隊列

2.廣度優先遍歷，深度優先遍歷，最好熟悉起僞代碼寫法

3.經常使用排序算法，冒泡排序，快速排序，堆排序https://www.cnblogs.com/onepixel/articles/7674659.html

React相關

1.react生命週期

2.setState具體作了什麼

3.怎麼實現setState異步操做，即當即拿到setState新更新的值

4.父子組建的傳遞

5.Redux 是什麼，redux具體怎麼工做的，action reducer是什麼

6.虛擬dom diff算法

7.React 路由 實現原理

8.Mobx tunable（瞭解）

vue 相關

附上總結的vue連接（比較簡單，歡迎溝通交流） note.youdao.com/noteshare?i…

1.vue生命週期

2.雙向綁定原理，有沒有看過相關源碼

3.父子組件傳值

4.vuex

5.vue router配置，路由攔截

react vue 和原生js的區別

（加上mvc和mvvm更出彩，可是別給本身挖坑，先清楚mvc和mvvm是啥）

html相關

1.html5新特性 sessionStorage

2.怪異盒模型

3.bfc規範

css相關

1.動畫animation 工做過程當中作過的動畫

2.transion屬性

3.彈性盒佈局 flex 經常使用屬性

4.兩欄佈局 原來的table佈局

5.垂直水平居中 提示：1.margin負值 2.transform tanslateX 3.left top bottom right爲0 4.flex

6.position 5個屬性值，各自特色

比較寬泛的問題：（這些都提早想好組織好語言）

1.工做過程當中遇到的問題，及解決方法

2.工做過程當中最有挑戰的事情

3.將來三年的職業規劃