hr： 你好，我是阿里的，說說你現(xiàn)在工作內(nèi)容吧。
 

我： 我現(xiàn)在在做公司后臺系統(tǒng)，用vue重構(gòu)，同時做小程序。

hr： 你在做的過程中，遇到的難題，克服的困難。
我： 小程序商品詳情頁面有個彈框，我負責(zé)實現(xiàn)他的功能，讓他在同時滿足3個條件的情況下彈出，（這不是我的店鋪，我第一次進到商品詳情頁面，我有店鋪可以回去）才彈出該彈框。

hr： 嗯嗯，還有呢？
我： 公司業(yè)務(wù)做得少。（本來想說上家公司的那個webpack分批打包業(yè)務(wù)的。有點捉急mmp）說個自己的項目吧，最近有做一個圍住神經(jīng)貓的小游戲，遇到的困難自然是A*算法，路徑問題，……%￥&……

hr： 這個用庫就可以了，網(wǎng)絡(luò)上一堆，我想問的是，你做的東西對公司有什么幫助，你能不能說一些和公司業(yè)務(wù)相關(guān)的東西。這個問題就算了，你說一下，現(xiàn)在有一個數(shù)組，用一個函數(shù)就可以得到他的所有名字
我： arr.filter(e=>e.name==='peng').map(e=>e.name); O(1)復(fù)雜度吧。
hr： 用一個函數(shù)就做到它。
我： 不會，只能用兩個。答案如下。。。

var arr = [
	{name:'xiaoming',id:"123"},
	{name:'xiaoming',id:"456"},
	{name:'xiaoming',id:"789"},
	{name:'xiaohua',id:"101112"},
	{name:'xiaowang',id:"131415"},
	{name:'xiaohong',id:"161718"}
];
res = arr.filter(e=>e.name==='xiaoming').reduce((all,e)=>{
	return {name: 'xiaoming',id:[...all.id , e.id]}
},{name:'xiaoming',id:[]})
console.log(res);

我： 三級域名 api.vmei.com, static.vmei.com這種，靜態(tài)資源設(shè)置緩存，同時靜態(tài)資源不攜帶cookie，可以加速訪問靜態(tài)資源。開啟http2，加速網(wǎng)絡(luò)資源。

hr： 說一下http2與http1的區(qū)別.

我： http2采用二進制數(shù)據(jù)輸送，比http1快很多，可以實現(xiàn)資源傳輸?shù)膬?yōu)先級順序，實現(xiàn)先加載css，再加載js，http2可以開啟google那個加速模塊。

1.http2開啟了線路復(fù)用， 即可以共享連接，他是之前Google加速模塊SPDY的升級版，2.采用二進制傳輸，有更強健壯性。3.header的壓縮，4.服務(wù)端推送。5.有請求優(yōu)先級別選擇。

hr： 還有呢？你為什么開http2？

我： 因為看到京東也開了http2，所以我也開。

hr：那你說一下http2如何開啟吧，

我：先開https，要有一個證書，用的let encrypt.

hr： https和http區(qū)別，以及你為什么要用https

我： 中間套一層tcl或者ssl加密層，對數(shù)據(jù)加密，https更加安全。其實翻墻也是同樣的原理，中間套一層ssl加密，讓防火墻無法識別數(shù)據(jù)，從而達到防火墻無法過濾信息的目的。

這個真說錯了，shadowsock是基于socket5協(xié)議來做的，只不過搬瓦工剛好占用了443端口而讓你誤以為是https.

hr： 大概說說react的生命周期。以及ajax函數(shù)放在生命周期那個階段最好。

我： 大概分為三部分 生成組件，掛在組件，銷毀組件，以及一些componentwillReciveProp,shouldcomponentupdate之類的吧。ajax請求自然是放在created里面最好，放在組件生成的階段。

hr： 你說的是vue吧，算了setState也懶得問你了。

?尷尬的一b，其實是應(yīng)該放在componentDidMount，因為真實Dom還沒掛載，無法實現(xiàn)ajax請求，太久沒做，忘光了。

hr： 如何防止this作用域紊亂。

我： 箭頭函數(shù)內(nèi)部沒有this，所以多用箭頭函數(shù)，bind也可以改變this指向。

hr： 說說webpack如何進行性能優(yōu)化吧，在原有腳手架基礎(chǔ)上。

我： 我覺得vue-cli已經(jīng)做的非常好了，沒有優(yōu)化必要。我用的webpack3-4，從我接觸到webpack的時候就已經(jīng) 是webpack3了，

hr： 這個肯定是有的，最優(yōu)配置都是自己做出來的。像我們公司從前的webpack打包要6分鐘，現(xiàn)在我們優(yōu)化到只要 1分鐘，我們從1-4一直在做優(yōu)化，推薦happypack的wepback打包插件，極限提速（10秒jsp編譯過程我都嫌久了，真的沒做過復(fù)雜項目呢。）

hr： 你說說vue-cli腳手架內(nèi)部實現(xiàn)原理吧，

我： 首先自然是 merge（webpack.base + prod + dev）（居然不問我webpack/babel/vscode插件怎么寫。外包還沒到這個級別吧。又也許是知道我不會，懶得問直接跳過）

hr： 項目測試用的什么

我： eslint+vscode

hr： 如何禁止不符合eslint規(guī)范的代碼被提交，

我： 當(dāng)然是用自定義的命令咯，內(nèi)部調(diào)用node，然后調(diào)用eslint對代碼進行檢查，錯誤數(shù)量>0則不執(zhí)行g(shù)it add .的代碼咯，

hr： 你還有什么想知道的嗎？

我： 當(dāng)然是關(guān)于面試評價咯。

嗯嗯好的。有時候，身邊的負責(zé)帶我的leader不會教我太多東西，而從沒見過的面試官卻能教我很東西，非常感謝。

最新評論