校招開篇第一次面試——打響校招的第一槍（一）

前言：

怎麼感受這個名字這麼中二。。。好吧，主要是莫名以爲很燃因此中二就中二吧~ 說說這家公司的狀況，2015年成立的創業公司，公司如今是15人（全部人員），騰訊T3，T4的大牛們出來本身創業的，還有最重要的就是HR姐姐的聲音超好聽的！！！耳朵要懷孕了！！！因此二面被刷最遺憾的就是不能HR面，不能再聽到HR姐姐的聲音了，悲傷那麼大T_T那麼接下來就總結下我面試到的題目，以及大概的解題思路

正文：

一面的問題

1.簡單作個自我介紹

思路：基本我的信息+應聘職位+職位相關技能+實踐（項目經歷或實習經歷）

2.爲何選擇前端

思路：結合自身經歷+答題套路+運氣（若是你說的理由打動到面試官天然會有好感度加成，這個沒辦法，徹底靠運氣，固然若是你是套路達人中標的機會更多）

3.簡單說說你的項目經歷

思路：這個我回答的時候答得很差，面試官哥哥算是讓我本身巴拉巴拉說了一堆廢話之後找了我話裏面的重點來問，以後我本身作總結的時候有發現其實當時大部分說的都是廢話，而說廢話就等於浪費時間，浪費時間就等於扼殺生命，細思極恐

　　而真正該說的是：實現什麼功能+運用什麼技術實現的+從中獲得的經驗（即總結），言簡意賅可是思路清晰有加分，比巴拉說一堆要好，畢竟這些作技術的功底確定比大多數面試者的經驗都豐富不少，只要你答在點子上面，他們不會不懂具體的內容，而你所說的點，也就可讓他們更好的判斷你的技術水平在什麼線上。固然，以前也有遇到問具體實現的，這個也不要巴拉巴拉說什麼定義一個scrollImage函數，而後巴拉巴拉，要說的也是運用具體的語句點。

　　舉個栗子，以前問到說圖片輪播的具體實現（由於我說到作的項目的首頁有圖片輪播），重點說說(1)函數須要傳入的參數（回答的點是：定義好函數後要怎麼調用的問題）（2）獲取image對象，改變其src達到切換圖片的目的（點：如何實現圖片切換的）（3）設置setInterval實現圖片自動切換（點：圖片如何自動切換）這樣回答大概說得再詳細也就5分鐘左右，並且已經把整個實現的過程已經說清楚了，思路清晰，也讓面試官直觀的感覺到了你邏輯思惟這個能力上是沒有問題的，順便也會以爲你的總結能力也不錯。

4.該項目移動端的實現

思路：這個由於我我的的緣由，項目經歷基本是PC端開發的，因此就委婉的表達說我沒有移動端開發。可是就算委婉也要明確表達，省得面試官換了個問題，繼續問移動端，結果會讓他以爲你說話拖泥帶水，並且多問幾個你回答不上來的問題，對於面試者自身的心態也會有影響。

5.你是否有參與該項目的網站設計

思路：有就說有，而後說說參與的部分，沒有就沒有，但也能夠說說你以爲網站設計你我的很喜歡的部分。

6.網站優化你有了解過嗎？

思路：其實網站優化我有作過，可是當時確實沒有網站優化這個概念（也就是說，當時並不知道我作的這些事是屬於網站優化的部分）因此答的不算好，隨口說了幾個，就又過了，以後總結的時候在網上找了找文章來看，結合本身用到過的部分，總結如下9點，單純的應付面試應該夠了。可是其中的原理要搞懂哦，由於面試官有可能就在裏面某點又繼續問下去。

　　（1）減小http請求 　　（2） 減小reflow（重繪） 　　（3）減小對DOM樹的操做  　　（4）使用JSON傳遞數據　　（5）高效使用html標籤和css樣式

　　（6）把js引用文件放在body內容的尾部　　（7）精簡壓縮css js文件　　（8）壓縮圖片或使用sprite技術　　（9）控制cookie大小

7.爲何選用這個框架？（說到開發項目時，選用了jquery和bootstrap）

思路：這個也是開放題目，我回答主要是兩點：（1）內部技術人員都會使用（比起從新學習一個框架，這樣的開發效率顯然更高）　　（2）以前接外包項目時，用戶的反響很好

　　  這個問題我以爲還能夠答的更好，畢竟這種屬於軟實力的問題，自由空間發揮大，有加分的可能也會更高（畢竟技術問題屬於，會就會，不會就不會，編也編不出來），以後能夠再細想組織組織語言

8.bootstrap框架中的柵格佈局是怎麼實現的？思路：柵格佈局是響應式12列布局，它主要有三個相關類：container，row，col-。container爲最外層類，而後是row，col-。container有一個15px的padding，row有一個-15px的margin。兩個相互抵消後，col-有一個15px的padding，這樣就顯示爲每一個列中間總有必定的間隔，從而實現了柵格式佈局。

9.css佈局的樣式有哪幾種？各有什麼特色？

思路：這題開始我答的是聖盃佈局，Flex，而後被面試官打斷說，不是這個，是像float這樣的。而後就說了float和position，簡述了二者的區別，具體不詳述了，在網上有不少文章，不太清楚的孩子能夠　　  去網上搜來看看，這個問題極可能考。而後面試官一直說，還有呢？我就懵了一下，沉默了幾秒，有點尷尬了，靈光一閃，說還有fixed。而後又巴拉巴拉一堆，以爲本身好機智啊，而後面試官說，還　　  有沒有？呃，我又沉默了。面試官就說沒事，換下一個問題。後來總結的時候才反應過來，position說的時候已經包含了fixed，而面試官一再要我說的是display這個小妖精。徹底沒有想到，又是一　　　個恍掉的知識點。因此刷書真的很重要啊。

10.異步驗證是怎麼實現的？（由於項目中要填寫表單，因此在用戶填寫字段時，可能出錯或者填寫正確也應該又異步驗證，反饋提示給用戶）

思路：用到正則表達式檢驗輸入的字符符不符合規定。也多是傳遞給後臺，這就要用到ajax。

11.說說數據請求的方式，還有ajax的實現原理。

思路：數據請求最經常使用的就是耳熟能詳的get和post。ajax實現原理主要是一個重要的XMLHttpRequest對象，而後就是它的onreadystatechange，open，send方法，這個其實很簡單的，下決心必定要把它看懂，花不了多少功夫可是頗有成效，很常考，反正我被問到過4次了。

12.簡單說說get和post的區別

思路：我第一次被問到這個問題的時候，天真的回答說，get就是獲取數據，post是傳遞或者獲取數據。而後面試官問，就這樣？那個語氣之無語我如今還記得。安啦，總歸有小白的時候，只要以後確實學　　  到東西也是一種得到啦。主要的區別爲如下5點：

　　　（1）就是上面說的，get獲取數據，post獲取或者傳遞數據。

　　　（2）get傳遞參數的方式是在url後面加？再加鍵值對　　post傳遞參數的方式是隨http實體內容傳遞

　　   （3）get傳遞的參數大小遠小於post，爲2kb左右　　　post理論上是沒有限制的

　　　（4）get傳遞的參數會在瀏覽器緩存　　　　　　　　　 post不會

　　　（5）get和post在後臺獲取時，使用的方法不一樣。（這點有點小白，可說可不說）

13.說說事件冒泡和事件代理

思路：事件冒泡也是重點知識點，被考到過3次。主要就是addEventListener函數，固然還有ie的attchEvent。說函數的話，主要就是說說它實現的功能，而後解釋解釋傳遞的參數的意義就差很少了。　　至於事件代理，我當時自大的沒聽清，聽到了冒泡覺得問的是捕獲，而後說了二者的區別，面試官就又問了說事件代理的原理。我就又懵了，後來總結的時候看js書，又是一個知道可是恍過去的知識　　　點，因此啊，認真刷書啊。血的教訓。

14.音樂播放器的歌詞滾動實現（由於我本身作過一個音樂播放器的demo，就問到其中歌詞滾動的實現）

思路：若是感興趣的小夥伴能夠留郵箱給我，我發代碼本身去看看就知道了。

15.主要學習的途徑

思路：由於學校沒有開前端課程，因此前端是屬於自學的，我就簡單說說我學習過程經常使用的幾個網站。除了網上學習，刷書也是很重要的一部分，尤爲是當你本身感受知識點的量累計到必定的量以後，去刷　　  書極可能就幫助你從量變到質變。我的感覺是這樣的。尤爲是對於準備面試的小夥伴而言，刷書也是很重要的一塊，不少知識點不是不知，而是忽略了。因此才答不上來。不過不要緊，刷書以後會有　　　效的解決很大一部分問題的。

　　（1）慕課網　　最最最開始的時候，就是在慕課網上面看視頻，老實說對於入門級來講是很棒的網站，畢竟代碼自己真的挺枯燥的，要是在w3c上面看一下午的文字，估計是看5分鐘，玩手機2小時，　　　　　　　　　  而慕課大部分是視頻教學，要否則就是一小節一個知識點，感受要輕鬆愉快不少

　　（2）w3cschool 　　畢竟是屬於字典型的網站，常去看看總會有收穫

　　（3）菜鳥教程　　這個和w3c很像，可是翻譯還有頁面作得更好一些，因此也會在上面先去看看基礎入門的重點知識

　　（4）博客園　　看大牛們的博客也是很棒的學習途徑，別人總結的知識極可能就會一下點醒你，而後就爆發洪荒之力了。固然除了博客園，CSDN也是很優秀的博客網站。

16.爲什麼想來深圳實習？（該公司在深圳）

思路：沒啥思路，有事兒說事兒，反正別說就是隨便投的就行，給個像樣的理由總不會被扣印象分的。不過在此，仍是給深圳撒嘛表個白，感受深圳是很不錯的城市，但願有機會去工做生活。

 

後話：

問題基本回答上的，沒有徹底miss掉的，可是由於是校招的第一場，狀態並不很優良，語速偏快，而由於語速偏快就可能說錯的地方多，從而卡頓的地方也多，顯得不流暢。而問題設計的方面很基礎，並無挖得很深，也沒有問到框架源碼，因此整體表現仍是中等偏上的。當時估計能進二面，後來沒過多久就接到電話約二面，因此仍是很開心的，以爲是個很好的經歷，讓我在校招全面開始之前有一次很不錯的熱身。同時也是對於我在暑假惡補前端知識的一次確定，以後更二面的內容，就沒有這麼樂觀了。可是要我說，我同樣很是很是感謝二面的面試官問了我這麼多算法和基礎技術的問題，讓我又可以進一步完善本身，相信我在校招會有更好的表現，接着更二面面經去啦~還感興趣的小夥伴要繼續關注我哦~