前端面試分享: 兩年經驗社招-阿里巴巴

時間 2019-11-22

標籤前端面試分享兩年 2年經驗阿里巴巴欄目快樂工作简体版

原文原文鏈接

做者兩年經驗, 第一家任職的是個小公司, 第二家算是二線互聯網公司, 各待了一年吧... 能有機會去阿里面試很驚喜! 先來和你們分享一下面試經歷...css

電話面試初探

由於還在職的緣故,電話面試從晚上8點鐘開始, 持續了半個小時左右, 一開始的時候特比緊張,甚至聲音略有些顫抖 = =!html

簡單自我介紹, 作過哪些項目, 使用哪些技術棧 ? 這個就沒什麼好說的,因人而異,不要吹本身並不熟悉的技術,省得被深刻問的時候答不上來
如何看待前端框架選型 ? 我比較熟悉vue和react 就主要提到了這兩款框架各自的優勢和缺點以及性能對比, 以及上手難度, 社區生態, 團隊成員組成, 招聘難度啊 blabla...
vue的如何實現雙向綁定的 ? Object.defineProperty() 這個方法來追蹤依賴並來完成UI的更新
react virsualDOM 是什麼? 如何實現? 說一下diff算法 ? vm網上資料不少, 實現其實也只是解析JSX -> AST語法樹, diff算法主要是說了react如何將O(n3)的算法下降到O(n)級別的
工做中最出色的點, 和你最頭疼的問題如何解決的 ? 還好提早準備到了, 現場想確定就黃了... (捂臉)
平時如何學習, 最近接觸瞭解了哪些新的知識 ? 什麼github 各類論壇書籍... 想到的都說了就成

結束以後,面試官不告訴我結果說讓我等通知, 而後掛了電話一分鐘後, 電話就來了... 約我次日去辦公地點面試 ! (效率還挺高)...前端

技術一面

一面的面試官很和善,彬彬有禮, 讓我頓時放鬆了許多vue

簡單自我介紹, 介紹一下你的項目, 技術棧 ?
react和vue的比較 ?
React Diff 算法 ? 和電話面試前三題基本同樣, 從你的回答中面試官來找問題, 可能我回答類似度高吧, 問題都類似
觀察者模式實現 ? 設計模式其實看的很少, 只是說了一下大致的思路
http報文頭部有哪些字段? 有什麼意義 ? 這個就不少了, cookie cache-control user-agent expires host refer 等等挑你會的經常使用的說, 面試官也不會要求你都說全的
移動端高清方案如何解決 ? 這裏被卡住了, 沒有理解到是rem佈局+幾倍圖+1px問題, 只提到了flexible.js,而且說了一下原理,如今回頭看,說的仍是有問題... 仍是有點久了,忘記了
webpack的原理, loader 和 plugin 是幹什麼的? 有本身手寫過麼 ? 大體說了一下,webpack解析模塊, loader和plugin的做用, 沒有手寫過, 看過一部分代碼...
簡述從網頁輸入url到網頁展現的過程發生了哪些事情 ? 說的仍是比較粗, 不太重點DNS解析,三次握手,數據請求,瀏覽器如何解析DOM樹,css樹應該都提到了, 還提到了瀏覽器的多進程多線程架構,js線程和渲染線程互斥
細節問題: 個人項目中是一套代碼實現了PC h5兼容 ,組件耦合嚴重, 問有沒有什麼好的解決方案 ? 只想到了把數據層抽象出來,可是其餘的不知道該如何解決... 如今也不知道- . -
SSR 和客戶端渲染有什麼區別 , vue是如何實現綁定事件的 ? 簡述服務端渲染大概經歷了哪些過程, 最後生成HTML文件,而且有flag讓框架知道這是已經由服務端渲染完畢, store中的數據通常會掛在在window.__inialState__下... vue綁定事件的實現, 不太明白考官的意思, 簡述了vue經過聲明的方式來書寫事件綁定代碼, 實現訂閱發佈的模式, 對DOM原生事件作了一層封裝云云... 也不知道說的對不對
簡述公司node架構中容災的實現 ? 由於我提到了這個, 答的很模糊, 估計有很多漏洞... 實際上應該是cdn slb node三層容災
瀏覽器事件有哪些過程? 爲何通常在冒泡階段, 而不是在捕獲階段註冊監聽? addEventListener 參數分別是什麼 ? 第一個很簡單, 捕獲,元素,冒泡第二個當時沒回答出來, 後來查到多是IE8如下沒有捕獲階段, 還有多是冒泡比較符合通常控制事件影響的通常習慣
面向對象如何實現? 須要複用的變量怎麼處理 ? ES5的構造函數+prototype ES6的class 複用的變量放在構造函數的原型上
移動端300ms延時的緣由? 如何處理? 移動端雙擊的設置,致使會有300ms系統判斷的延時. fastclick, 或者touchEnd來代替
主流框架的數據單向/雙向綁定實現原理 ? vue defineProperty(), react setState() DOMdiff, 訂閱發佈模式展開來講一下就能夠了
簡述轉行經歷, 如何學習 ? 做者入坑以前,還作過兩年建築設計... 因此大概訴說了下辛酸史 (捂臉)
你以爲本身在前端工做的最大的優勢是什麼拿實際工做的內容舉例? 這裏實際上很丟臉, 吹了一波, 結果被問細節的時候, 愣是想不起來實際工做例子... 結果面試官看我很尷尬就換了個話題= . =

最後聊了一下子,問了一下團隊狀況,換我的繼續二面node

技術二面

和一面前3問基本一致,簡述項目,React vue區別 virsualDOM實現
DIFF算法爲何是O(n)複雜度而不是O(n^3)
http code碼? 200 302 304等等
移動端rem佈局如何實現? 簡述原理? 這個網上有不少,簡單說就是rem能夠經過控制html的字體大小來統一做爲標杆,其餘的rem寬度能夠跟隨調整, 只須要將html根字體和移動端寬度大小作關聯計算就能夠
JSbridge原理, js和native是如何通訊的? 問的比較深,我也是隻知其一;不知其二... 就說了一些schema和native方法注入webview來執行代碼,ios使用iframe來通訊
Rollup和webpack區別, treeshaking是什麼? 爲何能夠實現
TCP三次握手的過程, get post請求的區別 ?
靜態文件的瀏覽器緩存如何實現? 其實仍是考察http相關的緩存只是,答出來cache-control expires Etag 304 瀏覽器如何識別相同文件等等就能夠了
前端跨域方案 JSONP CORS document.domain nginx/nodejs代理等等
http 請求包含哪些字段分別是什麼意思
js 有哪些數據類型如何判斷? null 和 undefined區別應用場景? 基本類型和複雜類型, typeof instanceof Object.prototype.toString 第二個答出來, 平時工做中不多注意到
new String('a') 和 'a' 是同樣的麼? 一個是字符串對象,一個是基本類型
移動端如何實現下拉到底部跟隨移動結束後回彈的動畫? 瞭解iScroll的話,應該不難
移動端如何優化首頁白屏時間過長 ?
雅虎軍規,還有一些其餘的移動端優化,還有離線包或者serviceworker之類的,還趁機問了下團隊是採用哪一種方案,也是離線包
ES6 generator函數簡述
數組去重實現? 網上不少, 說了new Set([...array]) 循環遍歷indexOf 最快的對象鍵值對的方法
js浮點數運算不精確如何解決? 這個真不會, 回來看了下才知道
工做中最得意和出色的點, 頭疼的點, 問題如何解決的
爲什麼換工做? *哈哈, 回答--- 大廠夢~ *
聊了下阿里的壓力,文化