資訊專欄INFORMATION COLUMN
摘要：技術(shù)一面一面主要考察基礎(chǔ)，有些會(huì)有技術(shù)筆試，比如騰訊，。騰訊的面試官就很喜歡問(wèn)，安全，瀏覽器緩存方面的問(wèn)題，計(jì)算機(jī)基礎(chǔ)，但是要懂為什么。
這篇文章簡(jiǎn)單總結(jié)下2018年內(nèi)我的一些前端面試經(jīng)歷， 在這簡(jiǎn)單分享一下，希望對(duì)大家有所啟發(fā)。
樓主在深圳，畢業(yè)兩年。面的主要是深圳的幾家公司。
包括: 騰訊， 螞蟻金服， Lazada， Shopee, 有贊 等 。
樓主在準(zhǔn)備面試前， 想著復(fù)習(xí)一下， 但是前端的范圍實(shí)在太大， 后來(lái)決定找兩個(gè)肉雞公司試一下水， 面試之后， 大概心里有個(gè)底。
最后樓主也拿到了 阿里, Shopee 等幾個(gè)不錯(cuò)的 offer.
下面就根據(jù)上面幾家大廠的面試情況，和自己搜集到的一些信息，總結(jié)分享給大家。
自我介紹簡(jiǎn)單介紹一下就好，適可而止。 面試官就是想看看簡(jiǎn)歷先，讓你先說(shuō)一會(huì)兒。
技術(shù)一面一面主要考察基礎(chǔ)， 有些會(huì)有技術(shù)筆試， 比如騰訊， Shopee。
Shopee 有現(xiàn)場(chǎng)的編碼題， 難度不大， 要注意細(xì)節(jié)。
騰訊的技術(shù)筆試非?；A(chǔ)，兩張紙，一般二十分鐘就做完了，主要考察一些js基礎(chǔ)，包括但不限于：
CSS
盒子模型
BFC，F(xiàn)lex
變量類型
JS 的數(shù)據(jù)類型分類和判斷
值類型和引用類型
原型與原型鏈
原型和原型鏈定義
繼承
作用域和閉包
執(zhí)行上下文
this
閉包
性能問(wèn)題
比如為什么要用事件委托，原理是上面
為什么Dom 操作就慢了， 解釋一下
看程序?qū)戄敵?/p>
框架相關(guān)
簡(jiǎn)歷上沒(méi)寫(xiě)就不問(wèn)， 寫(xiě)了你要答出個(gè)所以然， 原理什么的要清楚， 僅僅會(huì)用API是不行的。
都是一些很基礎(chǔ)的考察， 但是如果寫(xiě)錯(cuò)太多， 也很容易就涼了。
一般是根據(jù)你做題的情況， 和你說(shuō)的一些，針對(duì)性的提問(wèn), 懂套路的同學(xué)可以在這一步上，準(zhǔn)備一些關(guān)鍵詞， 并做好準(zhǔn)備工作。
幾乎沒(méi)遇到問(wèn)框架的， 但是基礎(chǔ)的原理是要懂的。
一些發(fā)散性問(wèn)題事件循環(huán)， Promise, setTimeout/setInterval， React setState 是如何實(shí)現(xiàn)的， 原理等。
Vue defineReactive 方法是如何實(shí)現(xiàn)全局狀態(tài)更新的， 依賴是如何收集的。
語(yǔ)言的詞法分析和語(yǔ)法分析 和 瀏覽器的html parse 有什么區(qū)別， 瀏覽器具體是如何解析的， 為什么標(biāo)簽不閉合瀏覽器也能正常處理， 能怎么實(shí)現(xiàn)，
C++ 里沒(méi)有settimeout, 既然沒(méi)有， 要實(shí)現(xiàn)的話，用線程如何實(shí)現(xiàn)。
Html5 新特性
requestAnimationFrame 是做什么的， 如果寫(xiě)個(gè) Node.js 的C++ 擴(kuò)展， 怎么去優(yōu)化requestAnimationFrame ？
Dns 具體是如何解析的？
1 有沒(méi)有 toString, Number(1) 有沒(méi)有， "1" 有沒(méi)有， 為什么
react diff
虛擬DOM
react 新舊生命周期
為啥有新生命周期 ， 這兩個(gè)可以參考我的另一篇文章中，關(guān)于 Fiber 和生命周期的介紹
事件傳播
Event loop
Obj getter setter
技術(shù)二面一面完了之后， 會(huì)有相應(yīng)的評(píng)價(jià)， 二面面試官會(huì)針對(duì)性的考察。
騰訊的面試官就很喜歡問(wèn) HTTP(1.x, 2.0， HTTPS), 安全， 瀏覽器緩存 方面的問(wèn)題， 計(jì)算機(jī)基礎(chǔ)，但是要懂為什么。
比如：
HTTP 有什么缺點(diǎn)
HTTP2 有什么好處
HTTPS 有什么好處， 有什么缺點(diǎn)，為什么。
TCP, UDP 的區(qū)別
為什么說(shuō)HTTPS 是安全的， 解釋一下加密過(guò)程（就非對(duì)稱加密， 密鑰交換那一套）。
三次握手的過(guò)程，為什么握手三次, 為什么揮手四次
安全相關(guān)（XSS & CSRF） (高頻)
瀏覽器緩存策略（高頻）
緩存頭相關(guān)
瀏覽器 Cookie 相關(guān)。
常見(jiàn)的跨域問(wèn)題及解決方案
常見(jiàn)的安全問(wèn)題(csrf，點(diǎn)擊劫持， 等等)
輸入U(xiǎn)RL 到頁(yè)面展示發(fā)生了什么（超高頻）
性能優(yōu)化策略（結(jié)合上一條， 高頻）。
基礎(chǔ)的數(shù)據(jù)結(jié)構(gòu)和算法(比如快排，merge sort， N sum, Top N 等， 手寫(xiě)代碼）
事件循環(huán)原理， 看題寫(xiě)輸出， 解釋一下。
一些常用的方法， 比如debounce, throttle, new, create, bind 的實(shí)現(xiàn)。
promise, 異步的處理。
基礎(chǔ)的算法和數(shù)據(jù)結(jié)構(gòu)（Tree, BFS, DFS)
技術(shù)三面(騰訊交叉面)一般都是沒(méi)有三面的， 騰訊才有， 具體的套路和前面差不多。 前面兩輪你都能的話， 這個(gè)就不用怕， 復(fù)盤下前面的面試情況， 準(zhǔn)備好再去， 有備無(wú)患， 就穩(wěn)。
樓主的遇到的問(wèn)題大概是：
- 簡(jiǎn)單自我介紹 - 問(wèn)你做的項(xiàng)目 - 遇到什么問(wèn)題 - 排查問(wèn)題的方法 - Https 的優(yōu)勢(shì) - Https 連接的過(guò)程（證書(shū)， 非對(duì)稱加密的過(guò)程，加密算法等）總監(jiān)面
一般到了這里就問(wèn)題不大了， 當(dāng)然也有翻車的。 這一步主要就是看：
問(wèn)項(xiàng)目
做了什么
哪些地方比較出彩， 有什么成果
這里我建議實(shí)現(xiàn)畫(huà)個(gè)思維導(dǎo)圖來(lái)梳理， 有計(jì)劃的突出重點(diǎn)， 自己做的好的，多做準(zhǔn)備。
看你的溝通能力
有些會(huì)問(wèn)你一些智力題，也有人回問(wèn)數(shù)學(xué)題（比如矩陣乘法）等， 考察是否聰明.
會(huì)python 嗎？（騰訊）
簡(jiǎn)述Https 連接的過(guò)程（還是非對(duì)稱加密那一套的流程）（騰訊）
這一步， 總監(jiān)覺(jué)得你OK， 就會(huì)放你到HR。
HR 面這一步， 如果是正常的HR， 會(huì)問(wèn)你：
過(guò)去的一些經(jīng)歷，做過(guò)啥
為什么離職 (權(quán)衡穩(wěn)定性)
對(duì)工資的期望
這一步不要虛， 畢竟你都走到這了， 怕啥。這里談錢不傷感情， 千萬(wàn)不要：
不要急于出價(jià)
可以先套路一波
給你多少就要多少
一旦你說(shuō)出一個(gè)薪酬范圍，自己就不能增加薪酬了
談一次被打擊一次，最后越來(lái)越?jīng)]有底氣。
自信一些， 此條面對(duì)阿里的HR時(shí)， 請(qǐng)自行斟酌。
也不要漫天要價(jià)， 自己值多少錢， 心里（能沒(méi)個(gè)B數(shù)？）要有點(diǎn)數(shù)， 不知道的，要去脈脈上問(wèn)下?？梢赃m當(dāng)加多點(diǎn)：
一方面是留點(diǎn)砍價(jià)的空間
另一方面， 萬(wàn)一HR就答應(yīng)了呢， 那不就美滋滋。
對(duì)于已經(jīng)談攏的薪酬待遇，一定要 HR 以發(fā)郵件 offer 的形式來(lái)確認(rèn)。
你前面拿的一些肉雞公司的offer 可以作為加價(jià)的籌碼， 不要扔了。
補(bǔ)充
持續(xù)學(xué)習(xí)
面試官還會(huì)看你平時(shí)的積累， 比如技術(shù)博客有沒(méi)有常更新， 寫(xiě)的都是啥，持續(xù)學(xué)習(xí)很重要。
關(guān)注下產(chǎn)品
前端是有義務(wù)參與產(chǎn)品的設(shè)計(jì)的。
關(guān)注下業(yè)務(wù)
阿里的leader 會(huì)考察你對(duì)產(chǎn)品和業(yè)務(wù)的了解情況。
技術(shù)特別牛逼的，自行斟酌。
要有某個(gè)突出的點(diǎn)（或技術(shù)， 或產(chǎn)品， 或?qū)I(yè)務(wù)的理解）。
最后大概就是這些吧， 有需要面試的朋友可以參考一下，文中的題目， 答案我還在整理， 后面會(huì)慢慢寫(xiě)出來(lái)。 希望對(duì)能給有需要的朋友帶來(lái)一些幫助 :)
END.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96186.html
摘要：跟年一樣，年也給自己定下了一個(gè)任務(wù)，就是在得到每天聽(tīng)本書(shū)聽(tīng)本以上，至少訂閱一個(gè)以上的大小專欄并完成學(xué)習(xí)如圖，這個(gè)小任務(wù)，今年算是完成了。 跟2017年一樣，2018年也給自己定下了一個(gè)任務(wù)，就是在得到《每天聽(tīng)本書(shū)》聽(tīng) 300 本以上，至少訂閱一個(gè)以上的大小專欄并完成學(xué)習(xí)！ showImg(https://segmentfault.com/img/bVblSBq?w=750&h=1334...
摘要：接下來(lái)，我主要從三個(gè)階段回顧我的秋招，分別是前期中期尾聲。到了這里，我的秋招算是正式的塵埃落定了，簽完三方后，我的秋招結(jié)束了。四復(fù)盤總結(jié)這次的復(fù)盤主要是我自己整個(gè)秋招的歷程縮影，很多細(xì)節(jié)無(wú)法在一篇文章就說(shuō)清楚。 ...
摘要：獲取的對(duì)象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對(duì)象即使沒(méi)有代碼，也會(huì)把默認(rèn)的祖宗八代都顯示出來(lái)而只能獲取元素屬性中的樣式。因此對(duì)于一個(gè)光禿禿的元素，方法返回對(duì)象中屬性值如果有就是據(jù)我測(cè)試不同環(huán)境結(jié)果可能有差異而就是。 花了很長(zhǎng)時(shí)間整理的前端面試資源，喜歡請(qǐng)大家不要吝嗇star~ 別只收藏，點(diǎn)個(gè)贊，點(diǎn)個(gè)star再走哈~ 持續(xù)更新中……，可以關(guān)注下github 項(xiàng)目地址 https:...
摘要：年，公司繼續(xù)虧損，市值縮水以上，標(biāo)準(zhǔn)普爾指數(shù)的跌幅為。第一季度時(shí)，該公司的收入為億美元，較去年同期高出億多美元。據(jù)估算，該公司第四季度的營(yíng)收和分別為億美元和美元。該公司全年總收入預(yù)計(jì)為億美元，與年持平。大約十年前，人們之所以熱衷討論藍(lán)色巨人IBM是因?yàn)樗麄冊(cè)谠朴?jì)算中看到了巨大的商機(jī)，而當(dāng)羅瑞蘭（Virginia Rometty）接任CEO時(shí)，這種樂(lè)觀情緒更加強(qiáng)烈。但此后，該公司的情況持續(xù)惡化...
摘要：半路出家的前端程序員應(yīng)該不在少數(shù)，我也是其中之一。年，馮馮同事兼師兄看我寫(xiě)太費(fèi)勁，跟我說(shuō)對(duì)面樓在找，問(wèn)我要不要學(xué)，說(shuō)出來(lái)可能有點(diǎn)丟人，但是在那之前，我真得不知道什么是，什么是。 半路出家的前端程序員應(yīng)該不在少數(shù)，我也是其中之一。 為何會(huì)走向前端 非計(jì)算機(jī)專業(yè)的我，畢業(yè)之后，就職于一家電力行業(yè)公司，做過(guò)設(shè)備調(diào)試、部門助理、測(cè)試，也寫(xiě)過(guò)一段時(shí)間的QT，那三年的時(shí)間，最難過(guò)的不是工作忙不忙，...
閱讀 2226·2021-11-22 13:54
閱讀 3384·2019-08-29 12:25
閱讀 3447·2019-08-28 18:29
閱讀 3593·2019-08-26 13:40
閱讀 3284·2019-08-26 13:32
閱讀 969·2019-08-26 11:44
閱讀 2238·2019-08-23 17:04
閱讀 2979·2019-08-23 17:02
