摘要：寒冬來臨，卷入動(dòng)蕩之中只能又開啟了漫漫求職路。前前后后面試了家公司，總結(jié)一下問題做一個(gè)。這半年來因?yàn)榉N種原因?qū)夹g(shù)上有些許的松懈和怠慢，所幸還能拿到了自己很滿意的，未來的路還要更加努力的走

2019寒冬來臨，卷入動(dòng)蕩之中只能又開啟了漫漫求職路。有辛酸，有坎坷，但也有點(diǎn)小幸運(yùn)。

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

脈脈

框架

簡述vue的基本原理

vue的生命周期

vue與react的不同

vue父子通信的方式

vuex的原理及理解

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

react 生命周期

react context 的理解

redux的原理

react-redux的原理

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

說一下react vnode的diff算法

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

基礎(chǔ)知識(shí)

對(duì)緩存的理解

對(duì)http2的理解

對(duì)https的理解

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

對(duì)es6了解多少

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

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

ajax axios fetch的區(qū)別

如何用promise封裝一個(gè)ajax

項(xiàng)目中的難點(diǎn)和亮點(diǎn)

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

高德

框架

React組件的生命周期

React父子組件如何通信的

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

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

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

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

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

Redux的原理及理解

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

react與vue相比，有什么不同

基礎(chǔ)知識(shí)

對(duì)緩存的理解，需要什么設(shè)置

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

談?wù)剬?duì)webpack的理解，常用哪些plugin，對(duì)webpack配置是否了解，對(duì)項(xiàng)目打包是否做過什么優(yōu)化

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

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

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

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

css實(shí)現(xiàn)border漸變

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

css對(duì)flex的理解

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

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

瀏覽器的架構(gòu)，bom，dom

馬蜂窩

框架

vue的生命周期

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

vue的基本原理

vue eventbus的實(shí)現(xiàn)

vue父子組件的通信

vuex的使用

基礎(chǔ)知識(shí)

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

css布局 各種定位的方式

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

css實(shí)現(xiàn)一個(gè)旋轉(zhuǎn)的圓

cookie 跨域的處理方案

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

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

閉包、作用域的理解

用原生xhr發(fā)送一個(gè)請(qǐng)求

跨域請(qǐng)求可以攜帶cookie嗎

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

講講項(xiàng)目中的難點(diǎn)

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

猿輔導(dǎo)

框架

vue的生命周期

vue雙向綁定的原理

vue父子組件通信的方式

vue eventbus的原理

對(duì)vuex的理解

談?wù)剬?duì)vue和react對(duì)比，并從中能學(xué)到什么

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

基礎(chǔ)知識(shí)

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

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

一個(gè)請(qǐng)求跨域是否會(huì)抵達(dá)服務(wù)端

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

對(duì)之前的項(xiàng)目遇到過什么難點(diǎn)，講一講

對(duì)http2有哪些了解

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

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

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

寫代碼

寫一個(gè)倒計(jì)時(shí)函數(shù)

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

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

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

抖音

框架

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

vue computed具體在什么階段進(jìn)行的依賴收集，具體的過程詳細(xì)描述

vuex和redux的差別

基礎(chǔ)知識(shí)

跨域的解決辦法

原型鏈的理解，寫一個(gè)原型繼承

實(shí)現(xiàn)一個(gè)sendRequest，有最大請(qǐng)求并發(fā)限制

EventLoop的理解

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

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

ES module與cjs的區(qū)別

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

給定一個(gè)sum 檢驗(yàn)一棵樹中，是否存在一條路徑和為sum，輸出該路徑

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

快手

框架

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

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

vuex和redux的差別

基礎(chǔ)知識(shí)

筆試題6頁

css優(yōu)先級(jí)關(guān)系

eventloop的先后順序(node內(nèi))

node中的垃圾收集機(jī)制

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

a11y是什么，如何理解

prototype的考察

TDZ的考察

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

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

實(shí)現(xiàn)一個(gè)catchPromise 發(fā)同一個(gè)請(qǐng)求緩存data 在實(shí)際網(wǎng)絡(luò)層相同url只會(huì)發(fā)出一個(gè)請(qǐng)求

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

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

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

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

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

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

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

注：一些各個(gè)公司問的相同的問題就沒有再重復(fù)寫出來

禍兮福所倚，福兮禍所伏。雖然經(jīng)歷了寒冬和求職的奔波，但也因?yàn)槊嬖嚥艑?duì)自己有了一個(gè)更加清楚地認(rèn)識(shí)，知道自己未來的路更應(yīng)該如何去走。這半年來因?yàn)榉N種原因?qū)夹g(shù)上有些許的松懈和怠慢，所幸還能拿到了自己很滿意的offer，未來的路還要更加努力的走~