前言：
怎么感覺這個名字這么中二。。。好吧，主要是莫名覺得很燃所以中二就中二吧~ 說說這家公司的情況，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掉的，但是因為是校招的第一場，狀態並不很優良，語速偏快，而因為語速偏快就可能說錯的地方多，從而卡頓的地方也多，顯得不流暢。而問題設計的方面很基礎，並沒有挖得很深，也沒有問到框架源碼，所以總體表現還是中等偏上的。當時估計能進二面，后來沒過多久就接到電話約二面，所以還是很開心的，覺得是個很好的經歷，讓我在校招全面開始以前有一次很不錯的熱身。同時也是對於我在暑假惡補前端知識的一次肯定，之后更二面的內容，就沒有這么樂觀了。但是要我說，我一樣非常非常感謝二面的面試官問了我這么多算法和基礎技術的問題，讓我又能夠進一步完善自己，相信我在校招會有更好的表現，接着更二面面經去啦~還感興趣的小伙伴要繼續關注我哦~