霖呆呆的中大廠面試記錄及2年前端薪資對比(附贈學習方法)

語言: CN / TW / HK

前言

呆呆最近挺感慨的,因為從四月中旬開始準備面試,到面各個中小公司,大廠,距離今天已經將近2個月了。期間經歷過不少事情,也帶來了些許的成長。

那麼這篇文章主要是說明一下這段時間自己在面不同規模的公司時的一些感悟,以及這個期間的學習和複習方法。我也會站在一個第三者的角度,將自身的優勢,劣勢都列舉出來,希望能通過我映射出一些現階段前端找工作的現狀。

不同規模的公司包括:YY、CVTE、滴滴、阿里、程式設計貓、其它深圳各中小公司共13餘家。面試的形式也包括電話面、視訊面、現場面。

文章適宜人群:

  • 初中級前端
  • 不滿現狀,想要跳出舒適圈
  • 平時都有在學習,但是非常散亂
  • 有自己的目標,並已經下定了決心

那麼為什麼說適宜於這類人群呢,因為呆呆自身就是上面的一個例項物件:

  • 18年畢業從事前端工作2年
  • 前公司發展與自身職業規劃不符
  • 每天下班基本都會學習,週末也會學習,但是學習的內容非常零散,今天看到這個好玩學一下,明天看到那個有意思學一下,沒有自己的知識體系
  • 今年有了自己的目標: 進入一家中大型公司,挑戰年薪30w+;下定了決心: 放下一切無關緊要的事情,專心在學習面試上

當然你們肯定比較關心結果咯,好吧,呆呆的結果並沒有像其他大佬的文章一樣"已拿位元組阿里騰訊各大廠offer",可以說大廠基本慘敗,像百度騰訊就算是內推也直接被卡了簡歷。不過最終也是完成了自己的目標,拿到了自己心儀的offer,即將入職CVTE

通過閱讀本篇文章你可以瞭解到:

  • 求職者簡介
  • 面試記錄及薪資待遇
  • 中大廠面試題總結
  • 我是如何準備面試的
  • YY、CVTE、程式設計貓、滴滴、阿里面試題及面試感悟(不含答案)
  • 一封感謝信

求職者簡介

為了讓大家更好的看到對比,首先介紹一下呆呆這位求職者的資訊。

基本資訊

  • 18年本科,專業軟體工程
  • 工作年限2年

加分項

  • 掘金優秀作者
  • bpmn.js中文社群維護者(不要臉了一波)

劣勢

  • 普通本科,非985/211
  • 工作年限2年
  • 1年一跳,但離職原因都是可接受的
  • 呆過的公司都不大,甚者只有我一個前端

小夥伴們可能會注意到,呆呆把工作年限2年歸類到了劣勢當中,其中的原因有兩點:

  1. 投遞的中小公司的崗位要求都是3~5工作年限,並不是說中小公司沒有1~3年的崗,但是呆呆認為自己有這樣的能力可以去試一試(加班加的,哈哈哈哈😂)
  2. 大廠的一些崗位要求基本都是需要3年工作經驗以上,所以如果是一名2年工作經驗的人去應聘的話,那麼對於面試者的要求就更加苛刻了

OK👌,以上就是呆呆的基本資訊以及優勢、劣勢,讓我們來看看這麼一位求職者他近期的求職歷程是怎樣一個情況呢?

面試記錄及薪資待遇

幸虧呆呆有記錄的習慣,我們直接上圖吧:

通過這份面試記錄,我們可以發現,對於這麼一位2年工作經驗的前端童鞋來說,我們在他擁有部落格這個加分項的前提下,假設他對於廣州深圳不同規模公司的面試問題回答的準確率分別為:

  • 0-449人,面試回答準確率為70%~90%
  • 1000-9999人,面試回答準確率為50%~80%

這裡的面試回答準確率是呆呆在面完每場之後,記錄下面試題,然後後期找尋正確的答案之後,再根據當時自己的回答做一個對比得出的一個百分比。當然,這個百分比可能並不是非常準確,因為其實有很多問題的答案都是開放式的,且和自身的專案相關聯,不過也可以做一個大概的參考。

在這樣的情況下,我們來看一下各規模公司能開到的薪資待遇的最大值和最小值:

  • 0-449人,最小值13K x 13薪,最大值16K x 13薪+
  • 1000-9999人,最小值16K x 14薪+,最大值年薪30w+

以上的薪資待遇是呆呆這位求職者近期的一個真實記錄,我不敢保證所有求職者都是這樣的情況,我所做的只是保證真實性和完整性。(怎麼好重一股神三元老哥的味道😂,哈哈哈,因為他的這篇文章就是這樣的語氣《2020三元同學春招阿里淘系、阿里雲、位元組跳動面經 & 個人成長經驗分享 | 掘金技術徵文》)

大家可以根據呆呆的求職者簡介,與自身的情況做一個加減法,至於怎樣的加減法,我相信每個人心裡都有自己的一套規則,呆呆這裡也不好做過多的闡述。

中大廠面試題總結

對於每場面試,呆呆都會記錄下面試題,然後做一些總結,之前就有發過一篇了,相信各位小夥伴都看過,就是這篇:霖呆呆的近期面試128題彙總(含超詳細答案) | 掘金技術徵文,哈哈😄,說來還要謝謝大家幫助呆呆奪得了本次徵文大賽的第三名,成功拿到了天貓精靈,好了,等天貓精靈到了就是我稱霸廣場的時候了~

(當初承諾過大家,如果真的得獎了好處少不了大家的,哈哈哈,所以這不是有了這篇文章嘛~)

不過上面👆這篇主要是一些中小公司的面試總結,對於一些大廠的總結呆呆最近也還在整理,因為題目太多了😂,還沒整理完全,所以在本篇文章的後面會先貼上面試的題目以及每場面試的感悟,我保證,等整理好了答案定會發出一份詳細的面經。

(好吧,如果你們實在等不及想看答案的話可以先看看呆呆GitHub上的這篇:霖呆呆的近期中大廠面試彙總(含超詳細答案),整理的還不是很完整,不過看了的小夥伴記得給個Star呀~好人一生平安)

當然如果比較關心呆呆近期是如何複習和學習的小夥伴可以先看看下一部分「我是如何準備面試的」。

我是如何準備面試的

在面試計劃正式開始之前,我給自己寫下了這麼一段話:

實際上,除了第一點"請你每天開啟這份計劃,看一遍這個前言"我沒有做到,其它的都做到了,因為其它的都做到了,那麼第一點也就無所謂了。

一、明確目標

所以我認為非常重要的一點,你得明確自己現階段想要的是什麼,你為什麼想要跳槽?是更高的工資,還是更好的平臺,亦或者是壓力強度沒那麼大的工作。明確自己的目標真的非常重要,只有以此為基礎你才能更好的給自己制定學習或者面試計劃。

就呆呆個人而言,因為呆過的兩家公司規模都不大,之前也有提到過,第二家公司甚至只有我一個前端,所以我一直沒有經歷過一個比較完整的專案開發流程,兩家公司都沒有UI設計師,所以有時候自己還得做一些除了前端以為的其它工作。在思考了一段時間後,我也看到了自己身上幾個比較大的弊端:

  • 團隊很小,前端開發並不規範
  • 不熟悉中大廠他們的整個開發體系
  • 缺少前端團隊協作開發的相關經驗
  • 專案都是以ToB為主,移動端開發較少

所以在知道了自己的不足之後,我也明確了自己的目標,決心跳槽,並且對下一份工作要求排了一個優先順序:

  1. 團隊、平臺(大團隊,大平臺)
  2. 地域(深圳、廣州、杭州)
  3. 薪資待遇

針對於第一點,前兩份工作呆呆基本是一年一跳,所以對於第三份工作,呆呆希望能呆著長久一些,並且也是想要進入大點的平臺,不一定非得說是BATJ這樣的超級大公司,但起碼是得有個千人以上的。

第二點,個人還是比較偏向於在廣東這邊發展(原因在《2020希望你能像對待她一樣對待程式 | 掘金年度徵文》這篇文章中也說到了,哈哈,我喜歡這邊的氣候),不過杭州也很不錯,因為呆呆本身是江西上饒人,所以離家近 😊。

第三點,非常現實的一點咯,那人生在世還能為了點啥,呆呆也是個平凡人。

當然,並不是說上面👆的這些情況就是不好的情況,有很多小夥伴可能就是喜歡團隊規模小的公司,公司氛圍很好,也能得到自己想要的。人各有志,呆呆這裡僅僅是站在個人角度而言。

二、構建知識體系

在知道了自己想要什麼之後,就應該對自身的知識做一個剖析,我認為可以分為三點,以此來構建一個自己的知識體系:

  • 已經熟練掌握的知識
  • 之前已經掌握的知識但並不熟練
  • 自身沒有掌握的知識,但是知道是必須要掌握的知識

剖析的過程你可以借鑑各個優秀博主的知識體系,例如我瞭解的木易楊神三元童歐巴等優秀博主他們在自己的GitHub上都有一套各自的知識體系思維導圖。

呆呆也是借鑑了各路大神,繪製了這麼一張思維導圖:

在對自身的知識有了一個瞭解之後,我們就需要針對每一塊知識內容做補充學習,就像呆呆是這樣做的:

......

當然,你也許不必非得像我一樣,針對每個知識點都寫一篇文章,但是你必須得保證自己對這些知識點都能熟練掌握,把它們變成自己的。適當的時候可以做好筆記。

因為想要寫一篇讓自己滿意的好文章真的非常消耗時間和精力...

對於每個知識點的學習,不論是通過書籍、文章、視訊都可以,每種方式都有各自的優缺點。就像通過書籍,我們知道那肯定是最全面最系統的,但是也是最耗時和最乏味的。

呆呆在想要去學習一個知識點的時候,會先檢視一下自己喜歡的博主有沒有這方面的文章,有的話會把這些博主的文章都看一下,然後自己從中再提取出一些東西,變成自己的。例如🌰,我在學習HTTPS的時候,我發現浪哥小生方勤,還有三元都有這方面的文章,就很開心,綜合三者的文章,再結合《圖解HTTP》中的內容,最終將HTTPS弄懂。

三、通過簡歷瞭解自身

另一種瞭解自身的方式就是通過簡歷,既然要面試,那麼就少不了簡歷,我們經常聽到的一句話:

"簡歷上寫的東西都必須是你非常熟悉的東西才行"

這點呆呆是非常贊同的,因為你通過看呆呆上面👆的大廠面試題可以發現,面試官在考察了你的基礎知識之後都會根據你的簡歷深挖你的專案。所以寫簡歷的過程,也是一個你對自己知識掌握的一個剖析,以及對自己做的專案的一個剖析過程。

(如果你還在職,請認真對待你的工作,不論是從業務的角度,還是優化的角度,相信我,不然你在重新找工作的時候就會為之前欠下的技術債買單...)

而如何寫好一份簡歷,我相信大家看的也很多了。以下都是呆呆在求職期間參考的一些好的文章:

四、制定計劃

我認為大多數的求職者都是這兩種情況:

  1. 時間寬裕型:你還在職或者在校,不需要那麼著急的換工作,可能在幾個月之後才打算換,例如你現在正準備9月的秋招
  2. 非寬裕型:你已經離職了或者想要馬上跳槽,需要在短時間內解決工作問題

對於這兩種情況,相信大家也能感受的到,第一種在時間上非常的寬鬆,聽起來好像可以有很久的時間可以準備,但同時也帶來了一個問題,就是容易給大家造成一種懶散的心理活動:反正我有這麼長的時間可以學習複習,那我慢慢看就是了,不急於這一時。

第二種在時間上相對緊湊一些,而且也正是因為自己急於解決工作問題(特別是如果你是有房貸車貸有妻子兒女),所以容易給自己造成很大的心理負擔,自亂了陣腳。

不論你是屬於哪種情況,呆呆認為你都應該制定好自己的學習、複習、面試計劃。

時間寬裕型

例如第一種情況,你有3個月左右的時間可以用來準備面試,此時你可以根據上面👆構建好的知識體系一步一步的做系統學習。可以按照每個知識點,給自己排列一個類似這樣的學習計劃表:

(上圖僅做案例參考)

當然上面這種情況是隻針對於一些應屆生或者是已離職在家的小夥伴,他們每天可以保證至少有8個小時的時間來用在學習上。而我相信大多數的小夥伴都還是在職,一天大部分的時間都會花費在工作上,可能在下班後有2~3上個小時的學習時間已經很不錯了。

但是對於這類在職的小夥伴也不要心急,想想第一種情況的人,他們每天雖然是有8個小時的學習時間,但是真正能夠全身心的投入到學習上的時間我認為是需要打一個折扣的,因為人的精力畢竟是有限的(這裡說的是絕大部分的人),至少呆呆我是不能保證自己這8個小時都可以非常專心致志的去學習。所以對於在職的小夥伴來說,這2~3個小時如果是能夠運用的好的話,我認為也是會有奇效的,大可不必妄自菲薄。當然說都是這樣說,誰都知道,最主要的還是行動與堅持。(給自己打個雞血吧~加油!奧利給!)

呆呆自身給自己的定位其實是屬於時間寬裕型和非寬裕型的混合型求職情況,從1月底到4月初這段時間是時間寬裕型,因為今年疫情的原因,公司沒有那麼早開工,所以整個春節期間我都是在家完善自己的知識體系,以及做做總結,寫寫部落格。所以我也十分清楚"全職在家學習"的一些痛點:

  • 精神不能時刻集中,可能會突然走神
  • 在查閱資料的突然被個什麼文章的標題所吸引了,然後就點進去了😂
  • "業務繁忙",總是忍不住想要看下微信訊息,然後去各大技術交流群劃劃水
  • 明明一天都在學習,一天過去了卻感覺什麼都沒有學到,內心恐慌,開始自我懷疑

我認為這些心理活動不僅僅是針對於我們前端童鞋,對於考研、考公務員等童鞋同樣也存在,所以呆呆想說,有這些情況是正常的,關鍵是在於我們如何去克服這些不好的點。

emmmmm......呆呆這裡只能分享一些自己的做法,可能不是最好的做法,僅做參考 😊。

解決精神不能時刻集中

針對第一項精神不能時刻集中,我是這樣做的:給自己規定一段時間必須集中精神在學習上,完成了這個"小任務"之後,我會"獎勵"一下自己。例如:集中精力50分鐘,然後有10分鐘的時間可以去喝喝茶,去客廳走一走,吃點水果啥的,然後給自己打口氣,繼續下一輪。

解決被其它事物吸引

針對第二項,真的就只能靠自己克服了,如果這篇文章實在對你是有很大的吸引力的話你可以先將它放到瀏覽器的一個收藏夾中,在其它的時間段去看...(哎,例如你要是碰到呆呆這種"萬惡"的標題黨確實是很難把控住自己,我表示理解)

解決忍不住看微信訊息

針對第三項,呆呆的做法比較狠,直接退出了微信,每天只登陸2次,然後在統一的時間去回覆訊息。有些小夥伴可能就會吹噓了:"咦~那萬一要是有重要的訊息怎麼辦?"。哎,醒醒吧,說真的,對於大多數人來說,哪有什麼非你回覆不可的訊息,對於呆呆這種單身狗來說就更是的,有物件的小夥伴我認為你和物件仔細溝通好我相信她也是能夠理解的。同時我將微信的簽名改為了這樣:

公眾號的自動回覆也改成了上面這個。

Q"呆呆,看你這樣子,是不打算找物件了?"

呆呆"要找呀,但人總得明白現階段最需要的是什麼吧"

我相信就算是訊息回覆的比較晚,你在和對方說明了情況之後,對方應該也是可以理解的。

解決自我懷疑

針對於第四項,這個在睡覺前表現的尤為明顯,躺在床上:"我提莫的今天都做了啥?!",哈哈哈,真實。

呆呆是這樣覺得的,如果讓我一天都在死學,然後學完之後看不到任何的東西,我就會出現這種恐慌。如果我今天學了一天,有實打實的筆記或者文章在這裡我就會感覺很滿足...很充實...所以我是通過做一些精簡的筆記來解決這一點的。同時複習也很重要,可以在要休息前簡單的回顧一下今天的學習內容。且,我會有一個習慣,每間隔幾天,我會專門抽出一個時間來回顧前幾天學的所有知識,保證自己能夠記住。

(例如,我在學習一些手寫API的時候,就會每隔一段時間把這些手寫的API再重新複習一遍,並做好每次重寫的時長)

非寬裕型

另一類求職者就是這種已經離職了或者想要馬上跳槽,需要在短時間內解決工作問題的小夥伴。這類小夥伴沒有那麼多的時間允許我們去寫部落格,去系統的學習。你需要保證的是自己能夠快速的找到工作。學習和寫部落格這種事情是持續性的,就算找到工作之後也還是可以去做。

刷麵筋

所以呆呆認為這個階段可以多刷一刷別人比較好的面試經驗(簡稱麵筋...之前有小夥伴問過我麵筋是啥),因為這些麵筋都是和你一樣的求職者在實際面試中被問到的問題,而且通過刷這個你可以發現每個"時代"各個公司的側重點在哪裡。

非常明顯的一點,呆呆記得2年前剛開始面試時,大多數的公司都會問:

  • 相容性相關的問題,或者各個瀏覽器的核心
  • JQuery
  • HTML5新增了什麼標籤或者API

......

並不是說現在這些問題不會被問了,但是你通過看呆呆近期的幾百道面試題你會發現,上面這些問題被問的機率明顯減少了,至少JQuery呆呆是沒有再被問到了(這裡並沒有看不起JQuery的意思哈)。

而現在大多數被問的:

  • Webpack相關
  • Vue原始碼相關
  • Nodejs相關
  • 前端安全相關

......

當然像一些基礎的,例如Event Loop、this、繼承、Promise、HTTP相關的問題是每個"時代"都必須要我們掌握的知識。

所以如果你還是拿著2年前的一些麵筋刷的話,可能會漏掉很多新的知識點。

給自己準備亮點

光刷麵筋的話,應付一些中小公司的面試可能沒啥問題,但是如果是碰到一些稍微大點的公司,或者要求嚴格一點的公司,問的稍微深一點了,咱就"原形畢露"了。所以你在這個期間也必須給自己準備一些亮點。

例如如果你平時用的是Vue的話,那你必須得看看Vue的原始碼了,至少最基本的雙向繫結原理、Computed原理、nextTick這些原理你得掌握(大多數公司都不會問的太難,只是考察你是否真的看過,但是如果是對於一些大廠這些遠遠是不夠的)

之前刷子弈麵筋的時候就有看他提到過,他在面試阿里的時候雖然有很多問題沒有回答上來,但是他的Vue原始碼部分回答的特別出彩,也順利通過了,因此針對於自身的情況,給自己準備一些亮點是必不可少的。

什麼?你說時間不夠?兄弟/姐妹們,對自己狠一點吧,時間都是擠出來的...

邊面試邊進步

在你刷了一些麵筋,且對自己有了一些瞭解之後,就可以開始投遞一些不太想去的公司試試水了,這點我相信每個麵筋的博主都會這樣說,不過確實也是這樣的,紙上談兵遠沒有真槍實戰更有感覺,所以這也是我接下來要說的第五點——限定時間。

五、限定時間

完成了上面的四步之後,呸,其實我即將要說的這一步應該歸類到上面的「制定計劃」當中,但是因為確實很重要所以我單獨提出來說了。

這一步就是必須給自己限定一個投遞簡歷的時間。這一點是我在求職期間請教神三元老哥他告訴我的。因為我們在複習階段,總是會感覺自己還沒有準備好,想再學一下這個,或者還想再學一下那個,生怕面試的時候被問到。然後就不敢把簡歷投遞出去。

所以我們可以給自己限定一個時間,到了那個時間之後就必須把簡歷投出去了,就算是面一些不想去的公司也可以,至少跨出了這一步,跨出這一步非常的重要。因為知識是永遠學不完的,你可以在保證一些自己必須掌握的知識掌握了之後,然後邊面試邊學習,在這個上面做增量,自己的自信心也會隨之增加。

六、做好面試總結和記錄

第六點,也是呆呆認為非常重要的一點,在每場面試完之後,記錄好這次面試的面試題,並且回去之後找尋,消化答案。

也就是你在面完之後的第一時間,最好就能把剛剛的那些問題記錄下來,而不是馬上跑到微信群裡去吹水"啊啊啊,我剛剛又面了xxx,真好玩"。當然呆呆自己肯定不是反對這種做法哈,我只是覺得應該趁著記憶最深刻的時候做更重要的事情才對,不然過一會可能又忘了。

如果是電話面的話還好說,基本都是在家裡,在掛完之後,就可以馬上用電腦,或者筆記本記錄下面試題。而如果是現場面的話,大家又不想隨身帶著筆記本,可以利用手機來記。例如,我就有在手機上下載一個叫做Markdown的軟體,它允許我們在手機上檢視編輯markdown檔案,當然,同類型的軟體還有很多,可以自己發掘。

另外一點,有精力的小夥伴還可以像呆呆一樣,記錄好每場面試的時間以及薪資待遇什麼的。一方面對自己有個底,另一方面,這難道不是一件非常有成就感的事情嗎?哈哈哈,看著自己斬獲了這麼多offer,也能給自己提升自信心。

七、學會分享、也要沉得住氣

哈哈哈,這節的標題,其實我想表達的是:"靜若處子,動如脫兔"

"靜"的意思是,你自己得沉得住氣在一些知識點上去專研,靠自己去理解這些知識點,把它變成成自己的。

"動"的意思是,如果碰到了困擾自己好久都沒有解決的問題,不妨去請教一下別人,看看比自己厲害的大佬是如何看待這個問題的,或者可以給你提供什麼好的方案。因為有時候你會發現這個問題它本身並不難,但是自己鑽到了一個死衚衕裡出不來,這時候如果有人給你提提醒可能馬上就解決了。

另外一點,是呆呆個人的一些見解,就是要學會分享。不論是分享你的面試題,還是分享你的學習方法,或者是你是如何當面試官的,我認為都是非常好的。因為我認為我們程式設計師這一行,相對於其它的行業來說,真的非常單純,沒有那麼多的爾虞我詐,勾心鬥角,大家都是為了共同完成一個任務或者實現一個功能一起努力。所以我們也會發現一些牛人,或者大廠,他們不吝的分享一些自己團隊的技術方案,為這個行業的發展做一些貢獻。

八、努力與堅持

在做到了上面👆的這些步驟後,就是需要努力與堅持了。

在求職期間,難免會有受打擊的時候,呆呆也會有。印象比較深刻的是在面完那家"深圳某房地產公司"之後,呆呆就有自閉了一晚上。大家可以看我的麵筋,發現都不難,甚至呆呆在刷子弈的面試分享:兩年工作經驗成功面試阿里P6總結的時候那些問題都有看到過,但是自己當時並不太重視,才有了那次的慘案。而後來自己開始重視跨域,前端安全相關的知識點之後,在後面面試"深圳某國內直播公司"的時候再被問到就可以從容面對了。這很明顯的是一個成長的過程。

所以呆呆給自己的要求就是:可以允許自己有短暫的停留,但是不允許自己就此放棄。

另外在每次重要面試前,我都會騰出一天的時間來對自己刷過的面試題或者做的筆記做一個回顧,避免自己對已經掌握的東西在面試時又忘了,造成遺憾。

不怕小夥伴們笑話,在求職階段:

(我對自己的定位真的是一個很笨的人😂,全靠勤奮了)

我相信在一次一次的面試和總結之後,你會看到自己的成長⛽️,而你要做的僅僅是努力與堅持。

YY

5月14日

面試部門:廣州某部門

一面

面試形式:牛客網視訊面試

面試時長:50分鐘

面試感悟:YY和CVTE都是託樹醬小哥哥幫忙找的朋友內推,另外YY算是呆呆第一個面的比較大的廠了吧,也是第一次在牛客網上視訊面試,所以還是有些激動的。面試官稍微晚到了2分鐘,不過問題不大。呆呆一般在面試前喜歡聽些自己喜歡的歌,算是能讓自己放鬆下來吧。整個面試過程也並沒有之前以為的那麼壓抑,雖然面試官問的問題基本都回答上來了,但是面試官並沒有告訴我正確與否。

說一下你們專案動態表單的實現

說一下動態表格的實現

你們這個JSON樹是在哪裡生成的,前端會生成嗎?

有了解過微前端嗎?

瞭解瀏覽器的哪些相容問題

說一下EventLoop

在專案裡有用過node嗎

如何實現一個findIndex

移動端佈局有哪些方案?

如果一個移動端的專案要顯示在PC端上保證結構穩定你會如何做?

你自己的專案裡有做過哪些webpack上的優化

具體說一下splitChunksPlugin

有自己寫過webpack外掛嗎

HTTP3.0.1和HTTP3.0.2的區別

說一下Vue-Router的實現原理

Vue-Router初始化是發生在什麼時候

你覺得我還有哪些問題沒有問到的,也就是你可以說一下你的加分項

CVTE

5月14日

面試部門:希沃未來教育某部門(廣州)

一面

面試形式:電話面

面試時長:1小時6分鐘

面試感悟:面試官人很和善,基本全程都在"嗯",也會和你開玩笑,然後我答不出來的時候他也會說:"嗯,沒關係,問題不大"。不過可能是因為自己在某些問題上回答的太繁重了,導致經常被面試官打斷(大概有2,3次吧),所以大家在面試的時候也要抓重點回答不要偏離問題的方向。

離職原因

新的一份工作你主要看中的是什麼?

先說一下你的期望薪資吧

你為什麼覺得你這次跳槽能有這麼大的工資漲幅

如果給不到期望薪資你會怎麼辦

說一下你們專案動態表單的實現

你遍歷JSON樹的具體過程

webpack構建流程

webpack外掛原理

有用過哪些外掛做專案的分析嗎

有做過哪些webpack優化嗎

有自己寫過外掛嗎

讓你從零開始構建一個webpack專案你可以嗎

從輸入URL到頁面呈現的過程

為什麼TCP要三次握手而不是兩次

HTTP和TCP的區別

你們專案一般是如何做快取的

什麼情況會阻塞頁面的載入

script放在body頭部就一定會阻塞嗎

新增刪除了DOM節點會發生什麼?(迴流)

js中改變transform的left和right對比於css修改transform

什麼是GPU加速

程序和執行緒的區別

做過H5頁面沒有?你怎樣適配移動端的

HTTP/2對比HTTP1.1

HTTP/2是怎麼解決隊頭阻塞的

HTTP/2是如何壓縮頭部的

為什麼說HTTPS比HTTP安全呢

說一下對稱加密和非對稱加密

HTTP請求的什麼時候用的對稱加密什麼時候非對稱加密

對稱加密的原理

如果讓你去實現一個CSRF攻擊你會怎做?

還知道其它的攻擊方式嗎?

Vue中key的作用

如果我將key設定為了一個Math.random()可以嗎

如果讓你設計一個雙向繫結你會如何設計

如何實現if(a===1&&a===2&&a===3)

是有看過這道題嗎?這麼快的就回答上來了

你覺得我還有哪些問題沒有問到的,也就是你可以說一下你的加分項

5月16日

二面

面試形式:電話面

面試時長:46分鐘

面試感悟:面試官相對於一面的面試官來說會嚴肅一些,總體面試氛圍也還可以。有很多問題,例如問到ngnix或者node,我表明了自己不熟之後也沒有再問了。面到後面面試官的語氣也和藹了很多,我認為和一面一樣都是比較好的面試體驗吧。

說一下你們許可權的控制,路由許可權以及按鈕許可權

按鈕許可權除了用你現在的方式你還能想到更好的嗎?比如封裝一個元件

你們的token一般是放在哪裡

token放在Cookie和放在localStorage、sessionStorage中有什麼不同嗎

Cookie存在哪些安全問題?如何預防?

SameSite設定為了lax之後是怎樣來控制Cookie的傳送的

如果頂級域名不同會發送嗎

還有哪些前端安全性問題

如果使用jsonp的話會有什麼安全問題嗎?

你們有做過單點登陸嗎

有用過ngnix嗎?用它做過哪些事?

有用過node嗎?比如用它寫一些中間層

專案裡做過哪些優化?

你認為你做的專案最大的亮點在哪裡

專案中碰到的技術難點

是什麼讓你有動力寫bpmn.js教材呢

有看過哪些原始碼呢

有給git上的比較好的專案提過pull嗎

如果現在給你一個React的專案你覺得自己能多久上手呢

你的職業規劃是怎樣呢

說一下你的期望薪資吧?

有對比過深圳和廣州這邊的薪資嗎?

在技術二面完之後其實還有一道程式設計題,只不過是面試官單獨的發了我郵箱,要我在規定的時間內把結果回覆給他就可以了。那道程式設計題呆呆沒有做出來😂,只實現了一下功能,感謝面試官小哥哥手下留情。

5月18日

HR面

面試形式:微信視訊

面試時長:50分鐘

面試感悟:HR小姐姐很漂亮。然後問了我是否單身,那邊也有很多單身的小姐姐。我說如果有緣的話要給我介紹一波。整個氛圍還是比較輕鬆的。問了挺多問題的,我大概挑一些列舉,其它的問題在別的面試官那裡也有問到我就不重複了。另外在面試完之後,她告訴我,HR還會有二面,請等待通知...

有了解過我們公司嗎?

之前不是在深圳嗎?為什麼打算來廣州?

人生中有沒有經歷過什麼對你觸動比較大的事情?

父母是如何看待你的工作的?

你現在單身嗎?

工作之餘的興趣愛好

期望薪資給不到怎麼辦

5月23日

HR二面

面試形式:微信視訊

面試時長:58分鐘

面試感悟:二面的HR小姐姐也很漂亮😂...開始的HR小姐姐並沒有騙我,哈哈哈,開個玩笑,收。其實到了這一步,面試的公司基本就挺想要你了,所以問題也都是一些關於你自己對公司的看法,以及你未來的一個人生或者職業規劃。關於這些問題,呆呆認為你如實回答就可以了。就比如HR問你:你是否打算在廣州長期發展呀,會不會幹了一年之後就又跳了呢?之類的。

程式設計貓

5月20日

程式設計貓是從上午10點面到了12點,一共是四輪面試,5位面試官(二面兩名面試官一起),呆呆在二面之後就已經累的說不出話了...感覺身體還是不行啊,得加強鍛鍊。總體來說效率還是很高的,2小時搞定了。

一面

(前端精神小夥)

面試形式:現場面

面試時長:50分鐘

面試感悟:由於一面的面試官年紀應該和我相仿,所以還算是聊的來,在自我介紹了之後就問了一些專案相關的問題,之後還是死磕基礎知識問。期間也有提到過看了我的掘金文章,可是面試的時候竟然還是要我說一說資料轉換型別(我懷疑他沒有仔細看哦)。最後聊到福利待遇這一塊他也還是挺尷尬的😅,因為並沒有呆呆預期的那麼好。

動態表單的實現

許可權的控制

你們專案一般是如何做快取的

專案中的環境變數是如何控制的?

假設有兩個子專案,他們需要共用同一個使用者體系如何保證關掉頁面之後開啟另一個專案使用者還是登入狀態?

專案如何優化

首屏載入優化

SSR的使用場景

EventLoop

requestAnimationFrame屬於巨集任務還是微任務

輸入URL到頁面的呈現

script與css還有頁面的渲染順序

script標籤的async是什麼時候載入的

說一下==資料型別轉換吧

說一下Vue的diff演算法

diff演算法的缺點

二面

(架構師)

面試形式:現場面

面試時長:30分鐘左右

面試感悟:這次二面是呆呆唯一一次同時被兩名面試官面的情況。兩名面試官一個問完就看看另一個(內心活動:該你了,你有什麼要問的),還是挺逗的。而且架構師老哥我回答一句他就"嗯"一句,讓呆呆賊飄...收不回來了。但是可以看到在他們那個層次還是能看到很多我看不到的東西,問的問題也都是偏專案構建方面。

說下你們專案的亮點

你們的UI元件庫怎麼實現按需引入的呢?

Webpack打包原理

Webpack打包有哪些優化

HTTP/2對比HTTP/1.1

怎樣看待你做的這幾個專案呢

還有挺多問題的...當時腦子有點糊,面完後都忘了...

三面

(專案負責人)

面試形式:現場面

面試時長:10分鐘左右

面試感悟:專案負責人老哥文文靜靜的,說話還是挺幽默的,不過感覺自帶氣場,給呆呆造成了一定的壓力。

專案亮點

你在專案裡負責什麼

專案難點

你的優點

還有什麼想要問的嗎?

專案負責人主要都是問一些專案相關的問題,還有你自身的一些問題。

HR面

面試形式:現場面

面試時長:15分鐘左右

面試感悟:HR小姐姐:看你面了三場了肯定特別累了吧,我們就簡單的聊一下(不得不誇一下此小姐姐溫柔體貼😝)。然後大概介紹了一下公司的情況,以及公司的優勢。

非技術的自我介紹

住哪裡?

工作之餘的愛好

其它的就是上家公司薪資、期望薪資、還有什麼想要了解之類的...

滴滴

5月20日

面試部門:杭州某部門

一面

面試形式:視訊面試

面試時長:50分鐘

面試感悟:面試官給人的感覺...唔...人畜無害?哈哈哈,很和藹。但是問的問題都很有規律,比如問完專案,就說我看你會用Vue,接下來我問點Vue相關的吧,然後就是雙向繫結原理、nextTick原理、虛擬DOM等等;之後又問了HTTP相關。最後他也說了他們現在也是做這種動態表單相關的專案,所以看看我們之前是怎樣設計的...呆呆自我感覺滴滴面的還是挺好的,但是沒有了後續...之後拖內推的老哥幫忙打聽原因,那邊也沒有回覆...仔細想了一下,可能還是專案不夠硬吧,因為對比來說亮點還不夠閃亮。

說一下你們的第一個專案

說一下你們的UI元件庫

動態表格的實現

如果有一個元件需要和前面的元件相關聯你會怎麼做

說一下你們的工作流

說一下你在專案中碰到的難點

Vue的雙向繫結原理

Object.defineProperty()有什麼缺點?Vue3為什麼用Proxy?

nextTick實現原理

nextTick中的waiting是什麼時候變為true的呢

說一下虛擬DOM的作用以及實現原理

Vue3有哪些新的API或者有做哪些優化?

有關HTTP快取的首部欄位說一下

HTTP中的keep-alive有了解嗎?

在一次傳輸中它是如何保證每個資料包之間的順序的?

HTTP/2有了解過嗎?

具體說一下HTTP/2中的多路複用

你認為你的優點是什麼?

阿里

5月21日

面試部門:財務釘釘

一面

面試形式:電話面試

面試時長:30分鐘

面試感悟:阿里的面試是子弈小哥哥幫忙內推的(辛苦了😊),呆呆算是放在最後來了,和之前瞭解的一樣,面試官可能會針對於你說的內容然後深挖,所以你說的每一句話都必須考慮清楚才好。呆呆是一面就掛了,歸根到底的原因不解釋,技術還不到家,對一些知識點的理解還不夠深刻。但是拋開了技術以外的原因,我認為面試時狀態的不佳也是導致這次面試失敗的一個原因。因為當時是晚上7點進行的電話面試,一整天呆呆都在忙於複習沒有休息,並匆匆的吃了晚飯,所以到了面試那個點自身的精神狀態已經非常不好了,導致面試時沒有一點精神勁。舉個例子,面試官問我的第一個問題,能說一下position屬性有哪些值嗎?我把position這個單詞重複了好幾遍大腦一片空白,然後說了一句:"不好意思面試官,您能把這個單詞拼一下嗎"...

不要說呆呆很屌...我都服我自己。奠。

這聽起來可能特別的好笑🤭,但是是真實發生在呆呆身上,所以也是想要告訴各位小夥伴,面試前的準備確實要充分,但是自己的狀態以及心態也非常的重要,不要因為一些非技術以外的原因讓自己遺憾...

position屬性有哪些值分別介紹一下

relative的定位規則

脫離文件流是會呈現什麼樣的效果呢?

常規流(文件流)是個怎樣的排列關係

inline-block的使用場景

GET和POST的區別

為什麼說GET會留下歷史記錄?

GET可以上傳圖片嗎?

GET和POST的安全性問題為什麼說POST相對安全一些

GET就一定是冪等的嗎?

說一下你所知道的快取方案

你們為什麼要做這個動態表單?(業務痛點)

動態表單具體的難點在哪?

有沒有了解行業內其它做動態表單這一塊的

你還有什麼想要問我的嗎?

深圳開思

5月25日

面試部門:某業務部門

一面

面試形式:現場面

面試時長:40分鐘

面試感悟:面試開始前,看到面試官在面另一個小哥,隱約聽到小哥被面試官懟的好慘...所以面試前內心還有點坎坷。但是當真正去面試的時候,面試官好像沒有那麼凶了,甚至自我感覺眼神中透露著對我的不懷好意...原來他說他有看過我寫的文章,說得想點我不知道的考考我...😅

說一說原型鏈

null為什麼被typeof錯誤的判斷為了'object'

說一說幾種this指向

使用箭頭函式時需要注意什麼?

說一下JS內建物件

描述一下作用域鏈

閉包的使用場景

使用閉包需要注意什麼

EventLoop

用過哪些ES6的功能

談談你對模組的理解

二面

(專案負責人)

面試官:你好,你可以脫下口罩,我們面對面交流一下。

我:...(難道顏值加分嗎?那我明天就可以來上班了...)

都是專案相關的問題,然後:

  • 之前的團隊人員分配情況
  • 職業規劃
  • 期望薪資
  • 有什麼想問的

HR面

常規問題...和上面問的差不多...

開思也算是深圳的一家比較大的汽車金融公司吧,這裡呆呆面的也是3~5的崗位,其實從一面之後呆呆就有預感對方挺中意我的了,但是在最後HR面的時候他們可能也覺得達不到我的期望薪資,所以也是在我回家之後與我電話溝通,表明如果以後有想繼續留在深圳的話可以再考慮一下。應該說雖無緣但也算互相結交了一下吧。

一封感謝信

文章的最後,我想要寫一封與本期內容無關的感謝信,因為我不知道用何種方式來表達自己對這段時間幫助過呆呆的那些小夥伴們的感謝之情,所以唯有用文字了(總不能讓我賣出色相吧,哈哈哈)。

首先要感謝的是幫助過呆呆內推以及解惑的幾位老哥:子弈axuebin童歐巴樹醬shanyue晨曦時夢見兮若川畫手大鵬神三元前端森林網易嚴選-付超家有佳欣寶貝,自己還是比較幸運的,能通過寫部落格認識這麼多優秀的大佬,且都很熱心的幫助我,有的大佬甚至被呆呆打擾了好幾次了,哈哈,還好呆呆皮比較厚,也是感謝你們的寬巨集大量,真的非常感謝。

哈哈哈,再就是要重點感謝另外三位非常nice的小夥伴:Yiming君TerryLifeLINGLONG。可以說,呆呆這段時間能夠撐過來很大一部分原因是有你們三位的鼓勵與支援。在面試期間,我成立了一個只有四個人的微信群,並找到了三位和我一樣努力求生存、志同道合的小夥伴。這個群的目的很簡單,就是互相分享、互相鼓勵,一起進步。呆呆前面提到了自己每天是登2次微信的,每次上來除了處理一些訊息回覆之外,就是在這個群裡分享一下今天又學了什麼,面試又被問了什麼,然後一起打打氣,堅持下去。

所以有時候在某個階段能有一群人陪你一起努力一起堅持的感覺真的很好。算了,不說太多了,懂就行了,哈哈哈。

再就是要感謝我深圳的幾位好室友😂,在我求職期間對我的慷慨照顧,甚至為了讓我有一個良好的體魄陪我一起跑步😂,真是苦了你們了😂。

還有要感謝所有支援霖呆呆的小夥伴們,你們的評論還有建議我都有好好的看,也謝謝大家的鼓勵,哈哈😄。

最後,送大家一首王恩信Est/二胖u的《飛》,希望在這個飛速發展的年代,大家都能做成那個桀驁不馴意氣風發的自己。

後語

你盼世界,我盼望你無bug。這篇文章就介紹到這裡。

呆呆最近也是建立了兩個微信交流群,一個用於讀者交流,一個用於好文推送,感興趣的小夥伴可以掃一掃:

喜歡霖呆呆的小夥還希望可以關注霖呆呆的公眾號 LinDaiDai 或者掃一掃下面的二維碼👇👇👇.

我會不定時的更新一些前端方面的知識內容以及自己的原創文章🎉

你的鼓勵就是我持續創作的主要動力 😊.

相關推薦:

《全網最詳bpmn.js教材》

《【建議改成】讀完這篇你還不懂Babel我給你寄口罩》

《【建議星星】要就來45道Promise面試題一次爽到底(1.1w字用心整理)》

《【建議👍】再來40道this面試題酸爽繼續(1.2w字用手整理)》

《【何不三連】比繼承家業還要簡單的JS繼承題-封裝篇(牛刀小試)》

《【何不三連】做完這48道題徹底弄懂JS繼承(1.7w字含辛整理-返璞歸真)》

《霖呆呆的近期面試128題彙總(含超詳細答案) | 掘金技術徵文》

本文使用 mdnice 排版