一. 火石買手（電話面）

1.實現一個彈窗效果
蒙版fixed,left:0,top:0，color:rgba,具體顏色忘了，又問第四位a是什么，一下沒想起來，回了個灰度值，應該是透明度。
2.垂直居中的方式
很多，回答了absolute定位，margin-top,margin-left方式
transform(50%,50%)
flex布局，align-item:center
box布局，box-align:center;box-pack:center
3.對原型的理解
這個網上很多，總結一下再結合項目實際用法談了一下
4.ES6的新特性，數組拓展的方法，map和forEach的區別?localstorage和sessionstorage的區別？
map不改變原數組，forEach改變原數組。localStorage只要不手動清，一直存在，不會清楚。sessionStorage只存在當前頁面，當前會話。
5.談談前端的優化，頁面加載和react項目分別說一下
說了按需加載，分切打包。
說了用shouldComponentUpdate來優化一些因父組件render導致不必要的子組件render的情況。用PureComponent代替Component來優化一些ui展示組件。
6.描述一次完整的redux過程
組件dispatch一個action，reducer接受action,return新state，存到store.
用connect高階組件連接業務組建，傳入mapStateToPorps,mapDispathToProps參數，從store接受this.props.xxx，this.props.xxxaction.

二.智課網（一輪技術面）

1.介紹下自己，談一談自己印象最深的項目

2.談一下webpack打包是怎么運行的，具體優化方案，用過哪些方案，怎么用webpack實現按需加載？
這個答的不好，loader的配置配好了就沒管過，沒有準備好。
優化方案說了分片打包，但是說的不好，沒記清。
按需加載說了webpack的require.ensure方式，在router配置使用getComponent
這個問題答得不好，面試沒過這里可能占很大原因。自己對webpack不熟
3.用過redux最大的感想是什么？有什么替代方案？除了context呢？saga也還是redux那一套，了解過dva，談一下dva？
最大感想，麻煩！如果對于redux的理解不是很深的話，容易將各種組件都connect，從而將展示組件和容器組件偶合在一起，使數據和view混淆，項目反而更加臃腫，數據流也并不清晰。
替代方案：說了saga,原生context,dva。但是面試官好像還是不滿意，這里我也沒懂面試官想得到的答案是什么。
saga只是將異步action可以以同步的方式書寫，采用es6的yield。但是寫起來同樣麻煩，且項目不那么麻煩的話沒必要用saga。
dva也是用的saga,作者只是將saga,redux,react-router高度封裝了。寫法上比較簡單，思路也比較清晰。但是自己沒有在實際項目使用過，所以沒有講的很深
4.封裝優化了react項目架構，談一下你的項目架構，做了哪些優化
不知道從何說起，于是從項目的文件夾層次開始說，將展示組件、容器組件分離，
5.看到我項目用的less，問用過less哪些功能，函數功能用過嗎？
直接說沒用過
6.let 和 const，let和var的區別？
用了ES6就不用var，可以避免很多全局變量的污染問題。let和var可以滿足所有情況,let有單獨的作用域，let在初始化和賦值階段和var不一樣。const則用于聲明常量
7.js實現斐波那契數列
8.怎么用node搭建前端服務器？
講了自己的項目用express搭的前端服務。

三、in（九言科技） 電話面

1.react生命周期
2.redux實現方式
3.ES7用的多嗎，async await實現方式？yeild實現方式？兩者區別？ES7修飾器怎么實現的，了解過嗎？
4.ant design源碼看過嗎？大部分用的哪個庫？
5.談一下dva,saga里面 yeild有哪些方法，各什么作用？put出來的是一個什么？dva的model有哪些方法，什么作用？
6.react router有哪些引入路由的方式，哪些history
7.react 16 新增了哪個生命周期，刪去了哪個生命周期？render返回的結果有什么變化，怎么返回一個數組？
8.了解ssr嗎？談一下。
9.promise.all和promise.race的區別？談一下promise.all，如果有一個promise出錯了，會立馬進入catch嗎？
promise.then返回的是什么？
10.canvas有哪些方法？