高級前端面試總結

金三銀四魔都兩年半前端面經

前言

先介紹下我的基本狀況,16屆本科非計算機相關專業,畢業轉行前端,過年後裸辭休息了半個月,而後到三月份開始全力準備面試,主要是過去作過的項目總結,刷算法題,鞏固基礎知識之類的。3月末開始面試。由於目前網上面經仍是以1~3年居多,我投簡歷對標的3~5年崗位,考察點確實有些不同,這裏把接近3個星期的面試經歷分享出來,但願能幫到你們。css

過程

公司選擇

由於我以爲面試更多的算是一個技術交流過程,因此本着和一些大佬多聊聊也沒壞處的想法,基本上JD寫的比較有誠意招人的公司或者眼熟的公司都會投一投簡歷,不過真正的目標很少,比較偏好於非996的符合我的價值觀的公司。前端

達達京東到家(過)

筆試

都是些基礎選擇題,考察計算機網絡,事件循環機制,閉包,this這些。vue

一面

  1. 三次握手和四次揮手詳細介紹
  2. TCP有哪些手段保證可靠交付
  3. URL從輸入到頁面渲染全流程
  4. 如何預防中間人攻擊
  5. DNS解析會出錯嗎,爲何
  6. ES6的Set內部實現
  7. 如何應對流量劫持
  8. 算法:top-K問題,分紅top-1,top-2,top-K三小問

二面

  1. 跨域
  2. webpack的plugins和loaders的實現原理
  3. vue和react談談區別和選型考慮
  4. webpack如何優化編譯速度
  5. 事件循環機制,node和瀏覽器的事件循環機制區別

三面

  1. 單元測試編寫有哪些原則
  2. 一個大型項目如何分配前端開發的工做
  3. 懟項目

我的評價

面試總體上偏重基礎知識,1,2面基本沒問項目,加班狀況聽hr說屬於正常程度,有雙休,環境也挺不錯的,感受是家不錯的公司。node

達觀數據(過)

筆試

一樣都是基礎題,注意有兩道算法:柯里化通用實現和two-sum問題。react

一面

  1. typescript有什麼好處
  2. vue項目中如何約束rxjs數據的類型
  3. rxjs高階數據流定義,經常使用高階數據流操做符

二三面

一塊兒說了吧,基本沒問基礎題,全圍繞着個人簡歷問項目細節,側重於rxjs和typescript這塊內容。webpack

我的評價

作NLP的公司,聊下來感受公司很重技術,技術棧Angular + Python,也有嚴格的code review,不加班,提倡工做和生活分開。聽下來是否是感受挺不錯的?不過有一點比較坑的我要說下,hr給的薪資是我報的指望薪資的最下限,也是我拿到的全部offer中最低的,漲幅10%,更絕的是試用期還要減1k工資,社保公積金按10k交,這就很微妙了emmm。nginx

英語流利說(掛)

一面電面

  1. JWT優缺點
  2. 選擇器優先級
  3. 基本數據類型
  4. RxJS冷熱流區別
  5. RxJS調試方法
  6. nginx負載均衡配置
  7. 前端性能優化手段
  8. 針對React的性能優化手段
  9. 301 302 307 308 401 403
  10. vue的nextTick實現原理以及應用場景
  11. vue組件間通訊
  12. 談談XSS防護,以及Content-Security-Policy細節

二面

  1. 場景題:一個氣球從右上角移動到中間,而後抖動,如何實現
  2. 場景題:一個關於外邊距合併的高度計算
  3. mobx-react如何驅動react組件重渲染
  4. forceUpdate經歷了哪些生命週期,子組件呢?
  5. React key場景題:列表使用index作key,刪除其中一個後,如何表現?
  6. 算法:實現setter(obj, 'a.b.c' ,val)
  7. RxJS相對於其餘狀態管理方案的優點?

三面

  1. 手寫冒泡排序
  2. JWT細節,適用場景
  3. 跨域
  4. 方案題:不一樣前端技術棧的項目,如何實現一套通用組件方案?

我的評價

感受是家有點東西的公司,考察的題目相對偏硬核和細節,也是惟一一家把我掛了的公司,雖然不知道掛在哪了。和hr聊的不算很愉快,我提到我的抗拒996,而後問貴司工做時間的時候, hr的回覆是「咱們的員工都是很自覺推進工做那種,何況你還年輕,趁這個時候多拼一下「,我只能表面笑嘻嘻了。加班應該算比較嚴重的,不過團隊成員仍是有水平的。程序員

拍拍貸(過)

一面

  1. ES6特性
  2. 閉包和this一塊兒談談
  3. postcss配置
  4. Promise內部實現原理
  5. vuex, mobx, redux各自的特色和區別
  6. react生命週期
  7. 各方面談談性能優化
  8. serviceworker如何保證離線緩存資源更新
  9. virtual dom有哪些好處

而後換了個有黑板的面試間,狂懟項目,各方面都問到了。web

二面

總監面,把剛纔一黑板的項目架構圖所有擦掉,再來談一遍。面試

三面

交叉技術面

  1. Vue3 proxy解決了哪些問題?
  2. Vue響應式原理
  3. 發佈訂閱模式和觀察者模式的異同
  4. 圖片懶加載實現
  5. css垂直居中
  6. CI/CD流程
  7. 談談性能優化

我的評價

主要作混合app和node方向的工做,成長空間應該能夠,公司環境也不錯,薪資也算有誠意,不過由於是核心組,加班確定很多。另外由於p2p行業緣由,對這方面有顧慮的也要好好考慮下。最後再要說一點的就是,地理位置太偏僻了。。下地鐵後還要坐4站左右的公交吧。

天壤智能(過)

一面

  1. react生命週期
  2. key的做用
  3. hooks
  4. vue和react區別,選型考慮
  5. canvas優化繪製性能
  6. webpack性能優化手段
  7. 事件循環
  8. 如何解決同步調用代碼耗時過高的問題
  9. 手寫Promise實現

二面

  1. 場景題:如何實現登陸功能
  2. 聊項目

三面

聊項目

我的評價

一家作人工智能的創業公司,好像已經有落地場景並實現盈利了。我的感受真的挺不錯的,工做時間975,hr和麪試官都頗有誠意,薪資也不錯,若是不是很看重平臺的前端均可以考慮一下,大概會接觸到一些可視化相關的工做,惟一不足的就是前端團隊目前比較小。

拼多多(過)

一面

  1. Promise實現原理
  2. vue組件間通訊
  3. 性能優化
  4. vuex數據流動過程
  5. 談談css預處理器機制
  6. 算法:Promise串行

二面

  1. CI/CD總體流程
  2. 性能優化
  3. SSR對性能優化的提高在哪裏
  4. 懟項目

我的評價

這個應該都比較熟悉了,純正996。996icu仍是從我作起,我就面着玩玩,不過有一說一,薪資開得確實大方,我隨口說了個數都沒有猶豫就答應了,也算是提供給了實在缺錢或者重視錢的程序員用命換錢的一種選擇吧。

貓眼電影(過)

一面

  1. vue組件間通訊
  2. react和vue更新機制的區別
  3. Vue3 proxy的優劣
  4. 性能優化
  5. symbol應用
  6. 深拷貝
  7. 懟項目

二面

  1. dns解析流程
  2. 懟項目

我的評價

中規中矩的公司,加班屬於正常互聯網範圍,上海這一塊由於負責演唱會票務的相對來講緊急加班會多一些,薪資正常。

米哈遊(過)

一面

  1. 跨域
  2. 性能優化
  3. vue和react選型和比較
  4. ssr優缺點
  5. 貝塞爾曲線
  6. 懟項目

我的評價

只有一面。多是我以前的工做內容恰好對上了這個項目組須要吧。我我的很喜歡的一家公司,創始人的理念和風格蠻對我胃口的,而後工做環境也不錯,二刺螈這種,加班很少,在裏面的員工工做幸福度好像都挺高的,惟一的遺憾就是薪資開得過低了,指望薪資的底線。爲愛發電不容易,雖然錢不是主要問題,主要仍是感受沒被重視。

bilibili(過)

一面

  1. Vue3 proxy優缺點
  2. ES6特性
  3. Vue組件間通訊
  4. 性能優化
  5. ssr性能優化,node中間層細節處理
  6. 問項目

二面

這一面比較特別,和以前的面試都不太同樣,是知乎早已關注好久的之昊老師面的。

以前的面試大概是屬於主導權在我這邊,面試官傾聽的比較多,搭配上少許提問。而這一面基本全程處於被之昊老師教育加吊打的狀態,感受之昊老師說的話比我還多了,針對問出的每一個點會在我回答的基礎上作更多的延伸說明,沒有侷限到具體的技術方案或者細節代碼,更多的是談到了一些方法論或者說做爲一個優秀的開發者面對一些問題時比編碼更高的思惟層面上的處理方式。收穫很大,聊到了不少以前工做中都沒有考慮過的東西。這就是大佬的世界嗎.jpg。

我的評價

各方面都很喜歡了。要說我轉行前端的契機其實和b站有關,大學時候算是個mader,作着好玩,能夠簡單理解爲動畫剪輯視頻吧,裏面大概會接觸到一些motion graphics的知識,前端的動效就能夠看作最簡單的motion graphics,同時AE裏面也會涉及到表達式知識,這玩意的語法也就是基於JS的。經過這個愛好,就瞭解到了前端這個工做方向天然而然就轉過來了,因此能夠說b站影響了個人職業方向,對b站仍是有特殊的情懷在的。雖然最近隨着發展壯大,由ACG社區變爲一個各類內容都有的社區,風評也是有各方面的聲音吧,不過不進來看看我確定是不會死心的。。而後除了情懷以外,工做內容,工做時間,環境,待遇都滿符合我指望的,主站這套架構也有dalao在知乎寫過度享文章,基於vue作的ssr,絕對屬於趕潮流各類東西都能折騰的水平,跟着之昊老師作事待遇少點我也願意啊,關鍵是待遇也絕對不算少,因此我就接這個offer了。再見各位,我去二刺螈了.jpg。

閱文(面試中)

一面

  1. 如何編寫loaders和plugins
  2. 性能優化
  3. webpack 熱更新原理
  4. vue和react組件通訊
  5. 談談eleme框架源碼
  6. 談談項目
  7. 我的興趣愛好

我的評價

閱文也是我一直很喜歡的公司,張鑫旭dalao在裏面,早期學css的時候看了不少他的文章學到了不少,而後不加班,招聘時特別看重興趣愛好這一點,感受就仍是蠻重視員工生活的,不只僅是一個編碼機器。面試比較奇怪,一二面不連續,二面要約到下個星期,據一面面試官說篩選比較嚴格。。。

Thoughtworks(面試中)

一面先寫一套筆試題,涉及到一個開發需求。給3天時間,比較簡單,公司要求就不透題了。主要涉及到單元測試和響應式佈局,modal,popover組件的知識。而後筆試經過後會約現場,大概流程就是在筆試題上再增長一些新需求,現場和麪試官結對編程。這一面反饋比較遲,我筆試完成後大概一週左右才收到現場約面,又約到了比較遲的一個時間,如今還沒面。

我的評價

不加班是出名了的,而後待遇可能也比較低也是出名了的,看我的選擇吧,我感受實際上是挺好的一家公司,裏面有一套比較嚴格的開發流程,而後面試也相對難些,確定能學到很多東西,對於注重wlb的同窗也是很好的選擇。

小結

而後還約了頭條和螞蟻的面試,不過優先級都在我這不算很高了,由於我是996icu的堅決支持者,最近又出了福報巴巴這個事,面螞蟻的興致更低了,固然頭條和螞蟻技術上確定都是很強的公司,有不少厲害的人在裏面,能進去的話確定對我的技術發展也有很大好處,不過於我來講價值觀仍是不太符合,就算僥倖進去了工做也不會開心。由於已經拿到喜歡的offer了,再加上很早就計劃好了的下週去日本玩一圈(兩年一次的Persona Super Live,我是p系列腦殘粉),還要準備赴日各類事務,因此對於這些這沒面完的公司,若是有空的話面一下再補上來,沒空的話就算了。

總結

整體面下來一個比較強烈的感受就是,對於3年左右的前端,相對於基礎而言,更看重的是項目經驗。算法和基礎真沒問到多少,反而我寫到簡歷裏的主要項目基本上屬於必問,並且大量知識點也會圍繞着項目展開。好比我以前的工做中處理了比較多的性能優化問題,每一家公司都會問到性能優化相關的知識。而後若是你的項目正好符合公司這個面試官需求,就會加不少分。好比米哈遊和拼多多的面試官明確說了你以前作的這個項目很符合咱們的需求大量加分。固然也有一些風格偏重視基礎知識和算法的公司,好比英語流利說,頭條這種,因此這些知識也一樣不能落下。

而後有一個點仍是要提一下,就算有了3年工做經驗,學歷仍然是一個比較重要的點,至少簡歷關確定是有用的,我中流985本非對口專業,投的比較佛系,沒有主動找任何內推,就boss直聘和拉勾,v2ex上投,也只被再惠和餓了麼刷了簡歷,因此在讀書的同窗儘量的選擇一個好學校也是很重要的,不要相信說什麼程序員不須要學歷的說法,非985最好讀個985的研提高學歷,985本就看我的選擇了,固然過了簡歷關就各憑本事。

最後就是公司對前端的需求和待遇問題了,感受寒冬並無想象中那麼嚴重,各個公司其實都缺前端的,有很多公司的hr或獵頭和我說招了近一到兩個月的前端都沒招到,因此我以爲好好學習的話,找到一份合適的工做確定不難。待遇方面屬於正常,各個公司都有本身的評級,除了一些996大廠給的比較誇張,或者說wlb的公司漲幅略低些,大部分公司都能給到30%的漲幅。

以上就是這個金3銀4我對魔都前端情況的一個觀察了,但願各位都能找到合適的工做啦~

 

做者:unsad
連接:https://juejin.im/post/5cb87f9df265da03555c78ec來源:掘金

相關文章
相關標籤/搜索