☆阿里前端一、二、三、四面（社招）
一面，電話面
- 簡單自我介紹, 做過哪些項目, 使用哪些技術棧 ?
- 如何看待前端框架選型 ?
- vue的如何實現雙向綁定的 ?
- react virsualDOM 是什麼? 如何實現? 說一下diff算法 ?
- 工作中最出色的點, 和你最頭疼的問題 如何解決的 ?
- 平時如何學習, 最近接觸瞭解了哪些新的知識 ?
二面，聊項目和其餘公司面試雷同，技術底子
- 介紹一下你的項目, 技術棧 ?
- SSR 和 客戶端渲染有什麼區別 , vue是如何實現綁定事件的 ?
- React Diff 算法 ?
- 簡述從網頁輸入url到網頁展示的過程發生了哪些事情 ?
- 瀏覽器事件有哪些過程? 為什麼一般在冒泡階段, 而不是在捕獲階段註冊監聽? addEventListener 參數分別是什麼 ?
- webpack的原理, loader 和 plugin 是幹什麼的? 有自己手寫過麼 ?
- http報文頭部有哪些字段? 有什麼意義 ?
- 主流框架的數據單向/雙向綁定實現原理 ?
- 簡述轉行經歷, 如何學習 ?
- 簡述公司node架構中容災的實現 ?
三面，和一面前3問基本一致，難點處理
- 簡述項目,React vue區別 virsualDOM實現
- 移動端如何優化首頁白屏時間過長 ?
- js浮點數運算不精確 如何解決?
- 靜態文件的瀏覽器緩存如何實？
- ES6 generator函數簡述
- new String('a') 和 'a' 是一樣的麼?
- TCP三次握手的過程, get post請求的區別 ?
- 工作中最得意和出色的點, 頭疼的點, 問題如何解決的
四面，還是技術面，收尾要漂亮。
- 公司的前端工程化實踐
- DOM基礎知識,添加元素,刪除元素等等...
- 移動端優化方式? 離線包是如何實現的?
- 最後聊了一下項目,聊了一下目前公司
小編為大家整理了前端社招面試題答案，往下看。私信回覆“1”獲取PDF文件
阿里一面：
1. 如何實現緩存機制？
從200緩存，到cache到etag再到
2. 如果服務器端更新腳本，如何保證客戶端不受緩存機制影響，實時更新腳本？
把腳本自動加版本後綴。
怎麼實現？
使用webpack項目構建工具可以實現。
不用工具自己能手動實現嗎？
額。。。。。不會
3. 有這樣一個函數，如何讓b 訪問不到a
function(){
var a=undefined;
function b(){
}}
提示：new Function()
js只有函數作用域，可以將a包裹在function或者IIFE中
可以參考JavaScript筆記：函數作用域和塊作用域
4. HTTP有幾種請求頭？option請求頭的作用
OPTIONS請求方法的主要用途有兩個：
1、獲取服務器支持的HTTP請求方法；也是黑客經常使用的方法。
2、用來檢查服務器的性能。例如：AJAX進行跨域請求時的預檢，需要向另外一個域名的資源發送一個HTTP OPTIONS請求頭，用以判斷實際發送的請求是否安全。
3. http和緩存有關的狀態碼
- 301永久重定向
- 302暫時重定向
- 303，307是HTTP1.1對302的擴充
還有呢？
不知道
有一個2開頭的，和緩存有關的，知道嗎？
不知道。（其實是200 for cache）
答案整理
由於內容實在過多，小編已經為大家整理好PDF，關注+私信回覆《1》免費領取
阿里二面：
阿里二面重項目，穿插著問一些基礎知識。
1. 你對移動端有什麼瞭解的？
不瞭解。
2. 移動端佈局方案
flex佈局。
其他的細節呢？
這方面沒有深入研究，不懂
3. 實現三欄佈局：
聖盃佈局，雙飛翼佈局，flex佈局
4. 項目相關
- websocket的工作原理和機制。
- socket如何實現通信？
- vuex的工作原理流程
- 項目如何實現模塊化的？
5. javascript模塊化規範
AMD,CMD，UMD，commonJs
6. 如何實現跨域
前端實現：Jsonp，cors，iframe+window.name
後臺：access-control-allow-orign
跨域總結與解決辦法
7. 平時業餘時間做什麼？
學習
答案整理
想學好前端進大廠的小夥伴，記得一定要關注小編，小編一定努力每日分享前端乾貨
閱讀更多 前端明澈 的文章
