2017年阿里、騰訊前端實習面試總結（轉）

通過一個半月的面試，終於在4月21號畫上了圓滿的句號，順利拿到了阿里和騰訊前端實習offer，真心感謝這段時間面試官、家人和朋友的幫助和鼓勵。下面將會從前端基礎、前端框架、http協議、node和其餘問題等方面進行總結（如下問題是按照面試時間來排序的，時間過去過久不少問題都不太記得了，只能把記得問題給寫下來）。

前端基礎

1. prototype和__proto__的關係是什麼
2. meta viewport原理
3. 域名收斂是什麼
4. float和display：inline-block；的區別
5. 前端優化策略列舉
6. 首屏、白屏時間如何計算
7. 閉包
8. 做用域鏈
9. ajax如何實現、readyState五中狀態的含義
10. jsonp如何實現
11. 怎麼處理跨域
12. restful的method解釋
13. get和post的區別
14. 事件模型解釋
15. 編寫一個元素拖拽的插件
16. 編寫一個contextmenu的插件
17. 編寫web端cookie的設置和獲取方法
18. 兼容ie６的水平垂直居中
19. 兼容ie的事件封裝
20. h5和原生android的優缺點
21. 編寫h5須要注意什麼
22. xss和crsf的原理以及怎麼預防
23. css優先級
24. 如何實現點擊radio的文字描述控制radio的狀態（經過label實現）
25. delegate如何實現

 

框架原理

angularjs

1. angular的directive怎麼寫
2. angular的髒檢查（雙向綁定）是如何實現的
3. 依賴注入如何實現
4. scope如何實現
5. $parse模塊如何實現（主要本身寫了一個相似的庫）

react

1. react在setState後發生了什麼（直接說了setState源碼）
2. flux解釋
3. 對react有什麼瞭解（直接說了react中虛擬dom內部表示，mount過程源碼和同步過程源碼）

jsBridge

1. 如何說服對方使用jsBridge

requirejs

1. amd和cmd區別，怎麼了解到這些區別的，是不是去看了規範
2. requirejs那些常常用的方法，而後對其進行解釋

weex

1. weex實現大體原理（只寫過demo，面試管很好沒有難爲我，只問了這一個問題）

http協議

1. accept是什麼，怎麼用
2. http協議狀態碼，302和303的區別
3. 前端緩存如何實現、etag如何實現、etag和cache-control的max-age的優先級哪一個比較高以及爲何、cache-control和expire優先級哪一個比較高以及爲何

node

1. Buffer模塊是幹什麼的
2. Stream是什麼，使用的兩種模式
3. http模塊如何將異步處理方式實現成同步處理方式，具體解析請參考http模塊如何將異步處理轉成同步處理

 

其餘問題

1. utf8和gbk的區別
2. 知道頁面上某個點的座標，如何獲取該座標上的全部元素
3. angular、react和jQuery適合哪些應用場景（建議查看各個框架產生背景）
4. 7點15分小於180度的夾角是多少
5. 大數相加
6. 給５升和６升的水杯如何倒出３升的水
7. 一班喜歡足球的人60%，喜歡排球的70%，喜歡籃球的80%，求喜歡足球和排球的佔多少
8. 前端異常監測如何實現
9. 直播點贊按鈕的冒泡功能如何實現
10. js的uglify如何實現
11. 項目架構、如何帶人（本身帶過一個小團隊）
12. 前端工程化方面作了哪些東西

面試中的收穫

1. 最開始面試時只閱讀過angular源碼，阿里一面完後面試官對我說react用的不熟悉不要緊，弄懂原理也能夠，以後三天瘋狂閱讀react源碼，對於react中虛擬dom內在表示、mount過程、setState的同步過程有了清晰的認識。
2. 面試官建議去閱讀node的http模塊和Stream模塊源碼，其中node-v0.1.100的http模塊源碼已經閱讀完，而且寫了一個基於net模塊的http模塊。node-v6.9.1的Stream模塊源碼如今還在閱讀中。
3. 初步瞭解了前端異常監測，而且瞭解了百姓網、騰訊和阿里在前端異常監測的一些方案和框架。
4. 閱讀了大量前端工程化方面的博文，對前端工程化有了進一步的理解。
5. 瞭解了angular和react產生背景。