第一次前端面試?。?！起初。說(shuō)是電話面試，到了面試的時(shí)候，加微信打視頻，這不是重點(diǎn)，關(guān)鍵是，在家沒(méi)化妝?。?！哎，素顏的樣子對(duì)著面試官，心里十分忐忑啊。不過(guò)好在不緊張，面試就是兩個(gè)人在交流問(wèn)題嘛，會(huì)什么說(shuō)什么，不會(huì)的虛心請(qǐng)教，也許是因?yàn)槊嬖嚬匍L(zhǎng)的比較和藹，嘻嘻。說(shuō)正題吧。

一、首先肯定是自我介紹啦，吧啦吧啦，說(shuō)了大概40秒左右。

二、面試官問(wèn)做了什么項(xiàng)目。然后又吧啦吧啦說(shuō)了自己做的項(xiàng)目，大概有五個(gè)左右吧，簡(jiǎn)單的說(shuō)了一下。

三、面試官看了一下簡(jiǎn)歷，看你有寫(xiě)掌握es6,那你說(shuō)說(shuō)你用過(guò)es6哪些東西？答：給我印象最深的是promise異步編程（說(shuō)了下promise是什么），還有l(wèi)et const （說(shuō)了一下var let const區(qū)別），還有迭代器生成器，數(shù)組去重用過(guò)set。

四、面試官追問(wèn)你剛才說(shuō)了let const，那你說(shuō)說(shuō)他們的區(qū)別，答：const表示常量，不能修改。面試官舉了一個(gè)對(duì)象的例子，問(wèn)里面的屬性值可以修改嗎，可以修改，那你剛才說(shuō)的不能修改，那對(duì)象地址不能修改，屬性值可以修改。對(duì)了，那個(gè)es6還用過(guò)箭頭函數(shù)。

五、有沒(méi)有用過(guò)默認(rèn)傳值的函數(shù)，（嗯？？可能用過(guò)吧，但擔(dān)心我理解的和面試官理解的不一樣，就說(shuō)用過(guò)箭頭函數(shù)）那你說(shuō)說(shuō)箭頭函數(shù)和普通函數(shù)有什么優(yōu)點(diǎn)。

六、了解原型和原型鏈嗎？說(shuō)了一下概念，然后面試官舉例子問(wèn)了，問(wèn)到最后有點(diǎn)懵了，就簡(jiǎn)單的討論了一下。原型鏈那塊我確實(shí)會(huì)暈啊，太多太復(fù)雜了。放一個(gè)我之前看的圖。

七、問(wèn)一些css問(wèn)題。

垂直居中（說(shuō)了三種方法）、選擇器權(quán)重，盒模型（W3c標(biāo)準(zhǔn)和怪異）

八、看你有用過(guò)ajax，那你說(shuō)說(shuō)如何寫(xiě)ajax。（這個(gè)問(wèn)題，啊啊啊啊，我之前手寫(xiě)過(guò)的，但說(shuō)的時(shí)候說(shuō)的不全，我，哎）放一段自己之前寫(xiě)的代碼吧。

function ajax(method,url,data,flag){
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject('Microsoft.XMLHttp');
            }
            //判斷狀態(tài)
            xhr.onreadystatechange = function(){
                if(xhr.readyState === 4){
                    if(xhr.status === 200){
                        callback(xhr.responseText);
                    }else{
                        console.log('error');
                    }
                }
            }
            //判斷請(qǐng)求方法
            method = method.toUpperCase();
            if(method === 'GET'){
                var date = new Date();
                var timer = date.getTime();
                xhr.open(method,url+'?'+data +'&timer=' + timer,flag);
                xhr.send();
            }else if(method === 'POST'){
                xhr.open(method,url,data,flag);
                xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                xhr.send(data);
            }
        }

九、知道瀏覽器緩存嗎？（這個(gè)我不太肯定他問(wèn)的什么，我想的會(huì)不會(huì)是強(qiáng)緩存和協(xié)商緩存，就問(wèn)可能遇見(jiàn)過(guò)，但不知道是什么，面試官就說(shuō)cookie什么的，嗷嗷，那個(gè)啊，知道，就說(shuō)了一下cookie sessionStorage localStorage的區(qū)別）

十、你說(shuō)你用過(guò)vue,那問(wèn)幾個(gè)vue的問(wèn)題吧

說(shuō)說(shuō)vue的生命周期和對(duì)應(yīng)函數(shù)的功能。說(shuō)說(shuō)用過(guò)哪些vue指令。說(shuō)說(shuō)v-if v-show的區(qū)別（這里，我的天，我記得是displaynone，但不知道那個(gè)時(shí)候在干啥，腦子抽了，說(shuō)了一個(gè)visibility我的天，吐血）組件傳值了解嗎？說(shuō)一下（說(shuō)了幾個(gè)常用的方法）為什么要加key？有什么作用？

你知道vue的data怎么寫(xiě)嗎？（說(shuō)了有函數(shù)有對(duì)象），那為什么要用函數(shù)呢？（這個(gè)問(wèn)題看視頻的時(shí)候真的遇見(jiàn)了，但那個(gè)時(shí)候沒(méi)認(rèn)真聽(tīng)，沒(méi)記住），面試官給我解釋了，nice。趕快記在小本本上。最后，面試官問(wèn)有什么問(wèn)題想問(wèn)他的，emm,我剛才想問(wèn)一個(gè)問(wèn)題的，結(jié)果忘記了，想問(wèn)什么來(lái)著，面試官：是什么問(wèn)題？技術(shù)的還是非技術(shù)的？技術(shù)的，vue還是es6，啊，想起來(lái)了，，實(shí)在好奇react和生成器有什么關(guān)系，面試官就給我說(shuō)了一下他的看法。后來(lái)查了一下,emm,等我學(xué)到react的時(shí)候再好好研究研究。

總結(jié)：面試官很和藹，沒(méi)有故意為難，問(wèn)的題都不難，就是。。。感覺(jué)有些答的不夠全面，克服了第一次面試的緊張。無(wú)論結(jié)果如何，前端菜鳥(niǎo)會(huì)繼續(xù)加油的，啊，前端那么多東西，終身學(xué)習(xí)，追求極致，加油！

以上所述是小編給大家介紹的第一次前端面試心得分享，希望對(duì)大家有所幫助，也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論