前端面經

經歷了秋招的洗禮，整我的成長了許多，原本想着早點總結，可是一頹廢起來便沒完沒了，推脫到如今纔開始着手寫。
先介紹下背景，樓主雙非學校，本科，專業是電子信息工程，大二下學期加入學校的一個軟件實驗室，跟不少小夥伴一塊兒學習，一塊兒春招秋招，很感謝有這個平臺，要是真的是我一我的孤軍奮戰，不知道要失去多少機會，這應該是這個大學作的最最正確的事情了。
樓主春招實習沒有找到合適的，身邊的小夥伴都去實習了，暑假留校學習東西，其實也是有些浮躁的，建議，能找到好的實習能夠去體驗下公司的生活。樓主以爲基礎已經複習的差很少，須要一個實踐的平臺，可是不爭氣，加上沒有一些面試的技巧，面試的公司又很少，致使了沒有找到。不過，仍是在盡力的多學習，多複習，多總結。
這裏就只列舉樓主秋招面試過的公司吧，有些可能不完整，隔得時間有點久忘了。

蘑菇街（內推，電話面）

一面（掛）
1.<b> <strong>區別，用css操做<b>標籤爲紅色字體，黃色背景；操做<strong>下劃線
2.博客系統的背景
3.跨域方式的處理
4.transition屬性
5.操做一個div塊，讓它向右移動
6.繼承，重點講解構造函數繼承
7.移動端適配
8.HTTP狀態碼
9.rem
10.百分比佈局的優缺點
11.vue視圖和數據同步更新的原理，是更新所有視圖仍是部分，怎麼實現的
12.vue生命週期
13.你有去實習嗎，爲何沒去
14.你指望進入哪一種公司
15.面試官：怎麼又是這個問題，吧啦吧啦。。。
我：蘑菇街是個兼容的大平臺。 
面試官：啥意思  
我：各類技術共存  
面試官：會向vue靠近，可是內部平臺仍是有react的一席之地，angular也有少部分存在，我纔來蘑菇街一年多，雖然是個中型公司，可是像創業公司同樣，團隊聽從自由，可是是在一些限制下的自由。。。

總結：秋招開始的第一個公司，經驗不足，有些緊張加上答得很差，無緣，不過面試官聲音很好聽啊

CVTE（HR面掛）

一面
1.實現6列等分佈局
2.介紹項目
3.一個數字的反轉，若是有+或者.呢？

二面
1.實現 123456.123 變爲  123，456.234
2.實現new Cal(0).add(1).min(2).num的結果爲-1，以及Cal(0).add(1).min(2).num的結果爲-1（添加中間對象）
3.原型鏈相關
4.koa（不太清楚）
5.一個url從輸入到顯示發生的過程
6.什麼狀況下會返回304
7.水平垂直居中
8.DOCTYPE做用，兼容模式在什麼狀況下使用

HR面
1.你父母作什麼的，父母性格怎麼樣？
2.你指望的工資是多少？爲何？
3.你五年的規劃是什麼？
4.你但願團隊的氛圍是什麼樣的？
5.你從小到大印象最深的一件事是什麼？
6.你從小到大壓力最大的時候是什麼，怎麼調節的。
7.誰給你的影響比較大

總結：技術面還好，自覺得答得還能夠，寫代碼什麼的都寫出來了，可是HR面賊可怕，羣面，樓主徹底沒有優點，而後就over了。

58

一面
1.編譯原理
2.數據庫原子性
3.數據庫範式
4.原型鏈，繼承
5.30四、403
6.TCP/UDP區別
7.你家是哪兒的，對工做地有什麼要求
8.具體說你的優勢，你的劣勢是什麼
9.項目
10.線程進程區別
11.ES6，generator

二面
1.從一個數組中找出知足兩個數的和等於給定數據的集合（這個扯了很久，樓主用了最笨的方法，最後面試官給講了一遍最優法，樓主也提出了幾個面試官也沒注意到的不合理的地方）
2.項目
3.若是你過了能來實習不
4.你指望的城市
5.興趣（主要是跑步什麼什麼的）
6.你對58的印象

總結：面完58就一個詞，玄學，感受很無奈。。。

百度

一面
1.實現統計一個頁面出現標籤最多的三個標籤，代碼的優化，巴拉巴拉一堆爲何，爲何用sort，爲何要for循環。。。。
2.手機端300s延遲（沒答好），還有一些touchstart/touchmove事件的區別
3.分割url成一個key/value的形式，若是考慮到#部分呢？若是url是編碼後的我要怎麼作？
4.實現console.log();相似的一個功能，側面考察call/apply
5.兩列布局，從而衍生BFC盒子
6.id/類/標籤的一個優先級關係，權重，那麼一個#div和11個類標籤相比哪一個大？
7.除了windows還用過其餘操做系統嗎
8.項目中無限加載功能是怎麼實現的
9.mounted鉤子函數相關問題，和create鉤子函數的區別是什麼
10.模擬radio/checkbox，怎麼實現點擊那個點的效果，若是隻能用css實現
11.本地存儲，cookie怎麼設置值，怎麼取值，webstorage怎麼取值，怎麼設置值，好比我要保存a=1，我取到的cookie是什麼樣子的，我怎麼進行獲取key/value的形式
12.GET和POST的區別
13.跨域的方式，JSONP的原理，後臺怎麼包裝，返回的response裏最終的結果是什麼，寫出來，CORS具體設置，設置'*'和域名的區別
14.本科生仍是研究生
15.抓取百度頁面，把全部的‘百度’替換爲‘籤百度’並存在一個文件中，爲何用headers頭部，referrer有什麼做用，具體設置什麼值。
16.一道關於setTimeout/promise輸出題（考察優先級），並解釋原理
17.有什麼要問的

二面
1.手撕百度首頁抓包，把全部的「百度」替換爲「籤百度」並把它存在一個文件中
2.手撕彈窗組件（其中說了一些細節問題）
3.本身封裝tap（touchstart/touchmove/touchend）,判斷移動端的手指數，座標值等（這個面試官還給我細講了）
4.CDN
5.性能優化（詳細問了，好比壓縮HTML代碼怎麼寫，壓縮JS代碼怎麼寫，事件代理等）
6.雪碧圖及相關API
7.移動端判斷手機類型
8.nodejs獲取url get的參數

三面
1.設計一個抽獎系統，要求一次抽取10個不重複的數
2.家裏或者同窗有沒有給你帶來負能量
3.你以爲你本身的缺點是什麼？（樓主說本身有些靦腆，面試官堅決果斷說我以爲你一點也不靦腆。。。）
4.你以爲你跟計算機專業的學生比起來有什麼劣勢？
5.你有什麼要問的？

總結：百度的面試仍是挺有質量的，平均每一面一個小時左右，安排合理不一樣等待過久，一面面試官全程微笑，問的我很難受，原本覺得掛了（固然，面試以前就是抱着掛的態度去的），二面面試官是個女的，我仍是第一次遇到，這個面試官人很好，不會的很耐心的給我講解，在我要放棄的時候告訴我，以爲我還不錯，還給我說三面問些什麼，很暖心啊。三面就是閒扯，雖然最後面試都過了，可是是備胎狀態，也是挺遺憾的，記得等結果的那天晚上個人心很是忐忑，然而仍是沒等到簽約電話。。。

騰訊

一面
1.cookie/session區別
2.cookie/localstorage區別
3. http/https,https爲何安全，加密解密過程，若是想https變快怎麼作
4.移動端tap(問這個我真的不知道。。。。)
5.<link>標籤會不會阻塞文檔的渲染，script標籤位置，defer/async區別
6.xss(這個討論了很久，他問爲何前端就取不到cookie值，我不知道)
7.瀏覽器事件，他問你以爲用的最多的瀏覽器是哪一個，你怎麼知道是谷歌，你爲何用谷歌。事件冒泡事件捕獲區別，怎麼寫的怎麼用的
8.nodejs全局變量知道哪些
9.事件代理舉例，jquery怎麼寫，有什麼更好的辦法判斷捕獲到的目標
10.ip在哪一層，具體做用是什麼
11. http相關字段，哪些是請求字段，哪些是響應字段。
12.跨域，跨域的舉例，jsonp的原理，怎麼捕獲錯誤，cors的設置，前端須要什麼處理
13.通常真機調試怎麼作，原理是什麼
14.堆排他問我爲何用二叉樹，時間複雜度怎樣
15.你有什麼想問的
16.推薦你的同窗，比你優秀的
17.回去不要着急等通知
18.你以爲你比他們的劣勢

二面（掛）
1.web優化，從大的方面談
2.相鄰節點鏈表的逆置
3.紅黑樹相關
4.操做系統
5.堆和棧的區別，內部存儲
6.malloc分配單元（記不太清了）
7.c++一些相關知識

總結：樓主基礎知識不紮實，二面面試官是個後臺面試官，因而乎就掛了，當時挺絕望的，很難受，畢竟進到了二面。。。

好將來

一面
1.手撕歸併排序
2.佈局百度首頁（考察居中）
3.將鏈表的倒數k個節點逆置
4.佈局表格，點擊表頭實現特定功能
5.項目
6.手撕jsonp
7.跨域相關

二面
1.用js實現模擬隊列和棧
2.用js實現二叉樹，並刪除給定的節點
3.項目相關
4.視頻/音頻相關API
5.有什麼想問的

總結：自覺得答得還能夠，然而。。。

美團（offer）

一面
1.自我介紹
2.文本超出用...實現，單行和多行
3.iframe缺點
4.vue雙向綁定原理
5.爲何對前端感興趣
6.兩列布局，bfc，flex的一些屬性表明什麼
7.手撕，輸入一個字符串，判斷這是一個最多兩位小數的數字
8.vue-router實現原理
9.js異步加載，defer/async區別
10.input/textarea區別
11.input的type屬性有哪些
12.有什麼要問個人

二面
1.你哪方面比較擅長，好，給你js出個題，js實現有兩個數組，找出第k大數，要求第一種狀況，最短;第二種狀況，最少，時間複雜度空間複雜度最低，找出5個邊界條件
2.js實現一棵二叉樹
3.vue/react/angular對比
4.場景題，設計代碼實現切換功能（猜想想考我閉包的問題，我不知道怎麼跳過這個問題了）
5.日常怎麼學習的，關注了哪些技術方面的博客，最近印象最深的一篇文章是什麼

三面
1.項目
2.設計一個彈窗組件，主要要注意些什麼
3.JQuery繼承
4.團隊合做
5.有什麼要問個人

HR面
1.爲何不選成都呢？樓主回答是北京是總部，北京是個大城市，要闖闖
2.家裏的狀況
3.對美團的見解和了解
4.講了個通工賣牙膏的笑話。。。

總結：美團面試體驗很好，總體給個人感受是，面試官素質很高，樓主聊得也挺開心，雖然有些問題答得也有所欠缺吧，整體而言仍是很愉快的，也很開心能進入這個你們庭。


校招，不得不說有不少運氣在裏面，面試的公司很少，每一次都在積累經驗，現場面也是一個優點，和麪試官能夠更好的交流，一些面經也能派上很大的用場，但願後來人多多準備，有一個美好的將來~