摘要：寒冬來臨，卷入動蕩之中只能又開啟了漫漫求職路。前前后后面試了家公司，總結一下問題做一個。這半年來因為種種原因對技術上有些許的松懈和怠慢，所幸還能拿到了自己很滿意的，未來的路還要更加努力的走

2019寒冬來臨，卷入動蕩之中只能又開啟了漫漫求職路。有辛酸，有坎坷，但也有點小幸運。

前前后后面試了6家公司，總結一下問題做一個backup。（僅記錄問題，不區(qū)分面試輪次）

脈脈

框架

簡述vue的基本原理

vue的生命周期

vue與react的不同

vue父子通信的方式

vuex的原理及理解

vue v-model如何實現(xiàn)的，語法糖實際是什么

react 生命周期

react context 的理解

redux的原理

react-redux的原理

如何避免render的觸發(fā)

說一下react vnode的diff算法

vnode的引入與直接操作原生dom相比，哪一個相率更高，為什么

基礎知識

對緩存的理解

對http2的理解

對https的理解

對原型鏈的理解，畫一個經(jīng)典的原型連接圖

對es6了解多少

箭頭函數(shù)與正常函數(shù)有哪些區(qū)別

class的實現(xiàn) 用原型寫一個繼承

ajax axios fetch的區(qū)別

如何用promise封裝一個ajax

項目中的難點和亮點

二面送走，說會聯(lián)系也沒聯(lián)系我 > <.(面試體驗和福利還是挺好的)

高德

框架

React組件的生命周期

React父子組件如何通信的

React層級很深的組件如何通信傳值(Context API)

React做了哪些性能優(yōu)化 PureComponent的實現(xiàn)原理是什么

React setState后都會發(fā)生什么，是否了解

React 1000個列表節(jié)點渲染，給出一個優(yōu)化方案

是否了解React事件機制，如果讓你實現(xiàn)如何來設計

Redux的原理及理解

react-redux是如何來實現(xiàn)的，connect是不是一個高階函數(shù)，原理是什么

react與vue相比，有什么不同

基礎知識

對緩存的理解，需要什么設置

對代碼構建上線流程是否了解，說一下如果讓你實現(xiàn)的思路

談談對webpack的理解，常用哪些plugin，對webpack配置是否了解，對項目打包是否做過什么優(yōu)化

ES6常用到哪些，對class的理解，手寫一個對繼承的實現(xiàn)

Promise是否了解，如何實現(xiàn)一個promise

class繼承中子類想使用父類的方法，應該用什么方式調用(super的意義)

箭頭函數(shù)與正常函數(shù)的區(qū)別

css實現(xiàn)border漸變

css實現(xiàn)下陰影（氣泡類 帶箭頭的陰影）

css對flex的理解

對瀏覽器渲染機制的理解（具體到細節(jié)，從渲染樹到paint之間究竟發(fā)生了什么）

純css實現(xiàn)一個高寬比為1：3的盒子 列舉幾種方式

瀏覽器的架構，bom，dom

馬蜂窩

框架

vue的生命周期

組件A下有子組件B、C，那么3個組件生命周期的調用順序，同級組件mounted觸發(fā)一定是先調用先call嗎？同步還是異步？

vue的基本原理

vue eventbus的實現(xiàn)

vue父子組件的通信

vuex的使用

基礎知識

對https的理解,對稱、非對稱加密在哪部使用

css布局 各種定位的方式

css實現(xiàn)水平垂直居中

css實現(xiàn)一個旋轉的圓

cookie 跨域的處理方案

cookie 種在子域下能否攜帶發(fā)送到服務端(SSO登錄)

寫一個函數(shù)，第一次調用返回0，之后每次調用返回比之前大1

閉包、作用域的理解

用原生xhr發(fā)送一個請求

跨域請求可以攜帶cookie嗎

axios與xhr的區(qū)別，如何用promise包裝xhr

講講項目中的難點

要吐槽一下。1面好看的小姐姐面完直接告訴我當備胎了，送我出去了= =。。。（不過馬蜂窩的辦公環(huán)境是真的挺美的，跟花園一樣）

猿輔導

框架

vue的生命周期

vue雙向綁定的原理

vue父子組件通信的方式

vue eventbus的原理

對vuex的理解

談談對vue和react對比，并從中能學到什么

vue中可以對對象進行數(shù)據(jù)監(jiān)聽，如果對于數(shù)組中的某個元素能否監(jiān)聽，是如何做到的

基礎知識

http的頭部有什么字段，簡要描述(緩存，content-type，cookie等等)

cookie跨域服務端需要如何適配(CORS頭)

一個請求跨域是否會抵達服務端

對之前的項目做過什么優(yōu)化，講一講

對之前的項目遇到過什么難點，講一講

對http2有哪些了解

對canvas有哪些性能上的優(yōu)化

對settimeout和對setinterval的理解（涉及代碼題倒計時函數(shù)，eventloop的考點）計時是否準確？如何實現(xiàn)較為準確的計時？

對一個短時間并發(fā)高的場景需要如何處理（后端設計）(開始答題獲取試卷的場景)

寫代碼

寫一個倒計時函數(shù)

寫一個函數(shù)，給定一棵樹，輸出這棵樹的深度

寫一個函數(shù)，給定一個url和最大深度maxdeep，輸出抓取當前url及其子鏈接深度范圍內的所有圖片

寫一個函數(shù)，給定nodes=[]，每一個節(jié)點擁有id,name,parentid，輸出一個屬性列表的展示(涉及dom操作)

抖音

框架

vue數(shù)據(jù)綁定的實現(xiàn)原理

vue computed具體在什么階段進行的依賴收集，具體的過程詳細描述

vuex和redux的差別

基礎知識

跨域的解決辦法

原型鏈的理解，寫一個原型繼承

實現(xiàn)一個sendRequest，有最大請求并發(fā)限制

EventLoop的理解

瀏覽器渲染觸發(fā)在EventLoop的哪個階段，觸發(fā)機制是怎么樣的

https 建立連接的過程及通信 如何劫持，鑒別是否被劫持

ES module與cjs的區(qū)別

Tree shaking的實現(xiàn)原理

給定一個sum 檢驗一棵樹中，是否存在一條路徑和為sum，輸出該路徑

二面送走，感覺到自己在一些問題的深度上還有待加深。

快手

框架

對vuex源碼上如何實現(xiàn)只能mutation更改，而不能直接更改

vuex中如何在層層都可以引用$store

vuex和redux的差別

基礎知識

筆試題6頁

css優(yōu)先級關系

eventloop的先后順序(node內)

node中的垃圾收集機制

BFC，IFC，F(xiàn)FC的區(qū)別

a11y是什么，如何理解

prototype的考察

TDZ的考察

寫一個數(shù)組方法，打亂整個數(shù)組順序，并且每個數(shù)字落在各個位置的概率相同

one(add(two())) // 3 two(add(one())) // 3 寫出 one() two() add()的實現(xiàn)

實現(xiàn)一個catchPromise 發(fā)同一個請求緩存data 在實際網(wǎng)絡層相同url只會發(fā)出一個請求

給定 n 個 {x, y, w, h}的盒子 按需排列，左上聚攏(層疊后的max(h)*max(w)最小)，求給一個{w,h}，輸出放置的位置

從輸入一個url到呈現(xiàn)網(wǎng)頁，都有哪些步驟

http keep—alive都解決了哪些問題 keep-alive是從c - nginx建立的還是直接到服務建立的長連接，與websocket有什么區(qū)別與聯(lián)系

給定一個html，輸出其中包含的html標簽數(shù)量，可以用domapi 注意iframe

實現(xiàn)一個NumberStack，實現(xiàn)pop，push，max(n)方法，max(n)返回第n大的數(shù)，max(n)需要 O(1)的時間復雜度

實現(xiàn)一個bind函數(shù)

跨域的解決辦法，jsonp的實現(xiàn)原理

注：一些各個公司問的相同的問題就沒有再重復寫出來

禍兮福所倚，福兮禍所伏。雖然經(jīng)歷了寒冬和求職的奔波，但也因為面試才對自己有了一個更加清楚地認識，知道自己未來的路更應該如何去走。這半年來因為種種原因對技術上有些許的松懈和怠慢，所幸還能拿到了自己很滿意的offer，未來的路還要更加努力的走~