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

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

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

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

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

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è)置緩存，同時(shí)靜態(tài)資源不攜帶cookie，可以加速訪問靜態(tài)資源。開啟http2，加速網(wǎng)絡(luò)資源。

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

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

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

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

我： 因?yàn)榭吹骄〇|也開了http2，所以我也開。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

hr： 項(xiàng)目測試用的什么

我： eslint+vscode

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

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

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

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

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

最新評論