今年的前端還是很火的，市場(chǎng)需求量特別大，從2月16日來(lái)廣州，進(jìn)行了為期2周的面試，3月份就入職了，下面分享我在一家公司的面試經(jīng)歷，希望大家能在這金三銀四的日子里能拿到自己滿意的offer

• 找工作時(shí)間 ：2月18日~2月28日
• 地點(diǎn) ：廣州
• 期望薪資 ：8k~10K
• 面試時(shí)間 ：2月27日下午，2月28日下午

職位要求：

1、兩年以上前端開(kāi)發(fā)工作經(jīng)驗(yàn)，精通HTML5,CSS3，精通DIV+CSS網(wǎng)頁(yè)布局，熟悉W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)，有開(kāi)發(fā)前端框架經(jīng)驗(yàn)；
2、精通Javascript，從事過(guò)javascript代碼優(yōu)化工作且懂得部分javascript高性能寫(xiě)法，熟悉常用的前端性能優(yōu)化原理及手段以及性能分析工具；
3、熟悉常見(jiàn)JS開(kāi)發(fā)框架源碼實(shí)現(xiàn)，（如：Bootstrap、jQuery、React），至少熟練其中一種，有過(guò)Angular開(kāi)發(fā)經(jīng)驗(yàn)優(yōu)先；
4、能夠理解后端架構(gòu)，與后端工程師配合，為后臺(tái)工程師編寫(xiě)數(shù)據(jù)接口，為項(xiàng)目提供最優(yōu)化的技術(shù)解決方案；
5、熟悉HTTP、WebSocket、SSE、REST等網(wǎng)絡(luò)／服務(wù)協(xié)議優(yōu)先；
6、良好的溝通能力和團(tuán)隊(duì)協(xié)作精神，能與產(chǎn)品經(jīng)理、UI人員、后臺(tái)開(kāi)發(fā)人員很好的溝通、協(xié)作；
7、有微信公眾號(hào)開(kāi)發(fā)經(jīng)驗(yàn)；

技術(shù)一面

那天天氣陰沉，下了一點(diǎn)小雨，但這并不能阻止我面試的熱情。坐地鐵到動(dòng)物園站下車，走幾分鐘就到公司了。到了公司人事小姐姐就讓你登記下，然后就來(lái)個(gè)前端，面試開(kāi)始：

一面前端 ：你好，先自我介紹下吧。
我 ：好勒，我叫***，工作1年多，然后balabalaaaa...
一面前端 ：看你簡(jiǎn)歷會(huì)的知識(shí)還挺多的，那你說(shuō)下position地位有哪些？
我 ：大概有5種，分別是：static，relative,absolute,fixed,sticky。
一面前端 ：能重點(diǎn)說(shuō)下sticky定位嗎？
我 ：這個(gè)是css3新屬性，當(dāng)它再可視窗口內(nèi)是以absolute定位存在的，當(dāng)它即將進(jìn)入可視區(qū)域外，就變成了fixed定位了。
一面前端 ：一般簡(jiǎn)單的動(dòng)畫(huà)為什么用css3的animation而不是用position動(dòng)畫(huà)？
我 ：position動(dòng)畫(huà)會(huì)脫離文本流，動(dòng)畫(huà)性能消耗大，而css3動(dòng)畫(huà)基于幀動(dòng)畫(huà)，瀏覽器可對(duì)動(dòng)畫(huà)做優(yōu)化，性能提高不少（其實(shí)華哥也不太確定這樣答對(duì)不對(duì)，只見(jiàn)面試官點(diǎn)了點(diǎn)頭）
一面前端 ：js基本數(shù)據(jù)類型有哪些？
我 ：string,number,null,undefined,boolean,symbol
一面前端 ：typeof 不能區(qū)分哪些類型。
我 ：不能區(qū)分對(duì)象，數(shù)組，正則。它們返回的都是Object
一面前端 ：怎么把字符串的首字母變大寫(xiě)呢？
我 ：不知道（當(dāng)時(shí)腦子一時(shí)卡住，還真沒(méi)記起，后面就想起charAt()）
一面前端 ：說(shuō)下promise的實(shí)現(xiàn)過(guò)程
我 ：promise函數(shù)里面存入兩個(gè)參數(shù)，成功返回resolve，失敗返回reject。new出來(lái)的promise函數(shù)就可以用.then().catch()捕捉到信息了
然后看了下我的項(xiàng)目，并介紹一下項(xiàng)目情況，balabalaaaa...說(shuō)了半小時(shí)。
一面前端 ：你的情況我大概都了解了，如果有復(fù)試的話我們會(huì)盡快通知你。
我 ：好的，謝謝
走出寫(xiě)字樓，心想這次面試好簡(jiǎn)單，估計(jì)面試官的知識(shí)水平比我還差。

坐地鐵回家的路上，就接到電話通知明天下午來(lái)復(fù)式了

技術(shù)二面

天氣還是一如既往的陰沉，下午5點(diǎn)準(zhǔn)時(shí)到達(dá)公司，告訴人事我是來(lái)復(fù)式的，后面人事通知了技術(shù)。那個(gè)技術(shù)遲遲還不來(lái)面試，我足足在那里等了40分鐘，忍無(wú)可忍在問(wèn)了人事：你們這里沒(méi)有技術(shù)面試官的嗎？人事小姐姐又緊急地崔技術(shù)面試官來(lái)面試，這時(shí)終于來(lái)了個(gè)面試官了，心里一頓mmp，不說(shuō)了，先面試。

二面前端 ：你好，請(qǐng)自我介紹

我 ：好勒，我叫***，工作1年多，然后balabalaaaa...

然后大佬就問(wèn)了我?guī)讉€(gè)問(wèn)題

從1244abc6548找出字母部分并把它第一個(gè)字母變成大寫(xiě)，返回Abc。（這道題沒(méi)答出來(lái)，回去的時(shí)候才想起，尷尬了）

var str = '1244abc6548';
function filters(str) {
    var newStr = str.replace(/[0-9]/g,'');
    return newStr.charAt(0).toUpperCase() + newStr.substring(1);
}
console.log(filters(str))

你是怎么上傳一個(gè)圖片到服務(wù)器的？

我就說(shuō)先將圖片轉(zhuǎn)成base64格式，然后上傳。
 

手寫(xiě)一個(gè)冒泡排序

//這個(gè)倒是寫(xiě)出來(lái)了
    var arr = [3,2,8,4,1];
    for(var i=0; i<arr.length; i++) {
        for(var j=0; j<arr.length-i-1; j++) {
            if( arr[j] > arr[j+1] )
            [ arr[j] , arr[j+1] ] = [ arr[j+1] , arr[j] ];
        }
    }
    console.log(arr)

一個(gè)dom結(jié)構(gòu),用jq尋找con里面的所以dom元素？

<div id="con">
    <span></span>
    <div>
        <a></a>
    </div>
</div>

我說(shuō)我用過(guò)jq，他就出這道題了，結(jié)果沒(méi)答出來(lái)，回去想了想應(yīng)該用$('#con>*')，是不是有點(diǎn)搞笑。
 

后面還問(wèn)了一些問(wèn)題其它技術(shù)問(wèn)題，忘記了?？傮w來(lái)說(shuō)這次面試體驗(yàn)極差，面完6點(diǎn)多了，他說(shuō)怎么不早點(diǎn)來(lái)？（黑人問(wèn)號(hào)？？？？），我都在公司等了快1個(gè)小時(shí)了
 

總結(jié)

以上所述是小編給大家介紹的金三銀四求職季記錄一次前端面試經(jīng)歷，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

最新評(píng)論