先交代下 po 主背景，女， 17 年江蘇二本通信工程專(zhuān)業(yè)畢業(yè)，求職前端開(kāi)發(fā)工程師。畢業(yè)后在上海一家創(chuàng)業(yè)公司擔(dān)任前端開(kāi)發(fā)工程師。

內(nèi)心獨(dú)白：實(shí)事求是地寫(xiě)年限，心急吃不了熱豆腐；實(shí)事求是告訴面試官對(duì)不起我不會(huì)，而不是我忘了，我不記得了，記不起來(lái)了之類(lèi)的話。從第一次面試的迷茫和對(duì)自身的否定，到經(jīng)歷各種類(lèi)型的公司努力學(xué)習(xí)看清方向，收獲很多，深感如果平時(shí)能夠找對(duì)方向，遇到問(wèn)題深究下去，思考并沉淀的話，面試會(huì)從容很多，畢竟面試的淡定從容來(lái)自于平時(shí)的穩(wěn)扎穩(wěn)打。

有些人可能會(huì)問(wèn)，這次換工作怎么是你第一次面試? 上家公司我是實(shí)習(xí)時(shí)進(jìn)入的，面試的時(shí)候問(wèn)了我 javascript 中字符串方法，數(shù)組的方法，ajax 和 json 之類(lèi)的，高程前五章刷一遍就可以了。

從開(kāi)始面試講起，前 7 家我分成 5 類(lèi)：創(chuàng)業(yè)公司 0-20 人，小型公司 20-40 人，中小型 50-99，中型公司 100-499 即將上市的那種，已上市公司 100-499。

[[236630]]

第一 面試的那家創(chuàng)業(yè)公司叫 A，特別坑，開(kāi)始面試，問(wèn)我會(huì) vue 嗎？會(huì) vuex 嗎？我說(shuō)會(huì)點(diǎn)。面試官拿起手機(jī)百度面試題，一邊讀題目一遍抬頭觀察我臉色。問(wèn)我之前公司的業(yè)務(wù)做什么，我說(shuō)高效實(shí)驗(yàn)室軟件，哦？你們是怎么做內(nèi)容的？我說(shuō)這個(gè)得去問(wèn)產(chǎn)品經(jīng)理吧。之后直接拿自己業(yè)務(wù)出來(lái)問(wèn)我，我腦海里閃過(guò)，這人怕不是騙代碼的吧？我說(shuō)你們是不是遇到這問(wèn)題了？他們說(shuō)是，內(nèi)心一萬(wàn)只草泥馬奔騰而過(guò)。之后又問(wèn)我一個(gè)問(wèn)題，比如說(shuō)頁(yè)面有一個(gè)表格，前端怎么導(dǎo)出 excel，我說(shuō)我們公司是后臺(tái)給接口，前端做文件下載導(dǎo)出 excel，他問(wèn)如果不用后端前端怎么做？我說(shuō)這不太好吧，前端做性能會(huì)不會(huì)比較差，說(shuō)到這，其中一個(gè)面試官說(shuō)：前端怎么不能做？前端是萬(wàn)能的！前端可以做好多事！我想了一下，我說(shuō)不會(huì)，沒(méi)做過(guò)，我抱著虛心求教問(wèn)，你們前端是怎么導(dǎo)出的？另一個(gè)面試官說(shuō)：用插件。我說(shuō)，如果說(shuō)用插件我也會(huì)，接著面試官插了一句：那你怎么不說(shuō)會(huì)？沒(méi)想繼續(xù)懟，話不投機(jī)半句多，用插件叫會(huì)嗎？我問(wèn)不用插件你們?cè)趺磳?dǎo)出？他們并沒(méi)有回答。之后問(wèn)了他們業(yè)務(wù)我說(shuō)你們這產(chǎn)品和我昨天面試的一家公司很像，叫小黑板，他們一臉驚訝說(shuō)，你還去小黑板面試過(guò)？我說(shuō)是的。最后臨走前，我把他們產(chǎn)品從頭到尾懟了一遍，從用戶(hù)使用場(chǎng)景、用戶(hù)使用便利性、網(wǎng)絡(luò)局限性、操作復(fù)雜性各方面。還是太年輕，沒(méi)沉住氣。出來(lái)之后，不爭(zhēng)氣地留下了委屈的淚水。所以創(chuàng)業(yè)公司慎選， 去之前一定要去企查查查一下。總結(jié)：小公司只管你會(huì)不會(huì)用框架能不能快速做出產(chǎn)品。他們 pass 掉我的同時(shí)，我也已經(jīng) pass 掉他們了。

第二 小型公司叫 B，在靜安區(qū)。進(jìn)門(mén)之前觀察了一下， 有 20 個(gè)工位的辦公室沒(méi)有開(kāi)燈，從走廊上看上去有些暗暗的。當(dāng)時(shí)有幾個(gè)人坐在工位上，有的抽出手機(jī)在玩，有的在工作，給人一種懶散的感覺(jué)。進(jìn)去之后，一個(gè)后端面試我，問(wèn)你使用 vue？我說(shuō)是的，簡(jiǎn)單介紹下項(xiàng)目吧。之后打開(kāi)電腦百度面試題目問(wèn)我， 這其實(shí)是我第一家面試的公司，我前面交代過(guò)了沒(méi)有什么經(jīng)驗(yàn)，工作中用到的，可能只有一部分。我覺(jué)得我就是 todomvc，單寫(xiě)頁(yè)面那種。顯而易見(jiàn)我什么都沒(méi)有回答上來(lái)，于是我說(shuō)問(wèn)我 js 吧，他回答 js 有什么好問(wèn)的？我內(nèi)心想的是，js 有什么好問(wèn)的? js 很重要的啊不是嗎？于是他開(kāi)口就問(wèn)，那你說(shuō)說(shuō)作用域，閉包，原型鏈吧。我其實(shí)很生氣的，這人不是耍流氓嗎？問(wèn)之前看看我要的薪資行嗎？我說(shuō)，對(duì)不起，工作中沒(méi)用到，我沒(méi)有深究。然后回去之后和群里的小伙伴吐槽，我問(wèn)，為什么這人總是問(wèn)我框架，js 一點(diǎn)也不問(wèn)？小伙伴說(shuō)這種公司不要去，前端只是流水線上的工人只要會(huì)用框架能做出東西就行了。

第三 中型公司，小黑板，做教育的，去了之后先做面試題，題目如下：（1）post 如何提交表單？（2）promise 原理？jquery 中的 ajax 返回的是 promise?（3）如何獲取 UA?（4）postion 屬性？absolute 和 relative 區(qū)別？（5）CSS3 中 transiform 和 transition 區(qū)別？題目有難有易吧，面試官水平還不錯(cuò)，一個(gè)項(xiàng)目經(jīng)理一個(gè)前端兩人一起面試。接著問(wèn)了項(xiàng)目我負(fù)責(zé)的部分以及技術(shù)棧。工作氛圍很棒，但是由于我寫(xiě)了兩年經(jīng)驗(yàn)（一年半實(shí)習(xí)），所以問(wèn)的我覺(jué)得有點(diǎn)深了，這家公司不用說(shuō)肯定沒(méi)有要我。再次說(shuō)下本人水平，我認(rèn)為我水平一般，todomvc 那種。唯一優(yōu)點(diǎn)，英語(yǔ)還不錯(cuò)，六級(jí)閱讀 180，所以一般文檔都看得懂。

第四 即將上市的，母公司已經(jīng)上市，待遇是 17 新，一年調(diào)兩次工資，這公司做電商的。一面隨意聊聊，雖然技術(shù)有缺陷，但是勝在英語(yǔ)不錯(cuò)還有拼勁和 公司氛圍符合，讓我進(jìn)入了二面人事，當(dāng)時(shí)對(duì)于人事面了解不深， 隨意說(shuō)說(shuō)，通知我三面。重點(diǎn)說(shuō)下三面，三面是技術(shù) boss，問(wèn)的問(wèn)題，不是我這個(gè)剛畢業(yè)的人能承受的，問(wèn)，你閱讀過(guò) vue 源碼嗎？我說(shuō)做什么還需要改源碼？然后問(wèn)我你知道 restful 協(xié)議規(guī)范嗎？怎么獲取？接著問(wèn) js 有幾種模式創(chuàng)建對(duì)象的方式？這些說(shuō)實(shí)話我都不會(huì)，因?yàn)橐坏┱f(shuō)會(huì)，講兩句就得露餡，三面考察技術(shù)面的廣度和深度。我兩個(gè)都沒(méi)有。總結(jié)：學(xué)習(xí)不能淺嘗輒止，不要想著面試官會(huì)看走眼，人事看走眼，技術(shù)面都不會(huì)看走眼。平時(shí)要多積累，不僅是深度，也得是技術(shù)面的廣度。

經(jīng)歷上面 7 家面試，前 6 家停留在一輪游，我是在職請(qǐng)假出去面試的，一天面試兩三家，說(shuō)真的，上海那么大，身體吃不消的。特別累那幾天，身體和心靈受到雙重打擊。但是還是痛定思痛，總結(jié)面試。如下：

（1）基礎(chǔ)不扎實(shí)，工作中只把手頭事做好，回去開(kāi)黑，但是基礎(chǔ)也不是一下就能提高的，所以定個(gè)長(zhǎng)期計(jì)劃， 被前輩說(shuō)教，出去面試得把高程過(guò)幾遍，多看書(shū)，多 coding。

（2）一開(kāi)始面試不知道面試套路，一面筆試或技術(shù)面，二面人事，三面 boss 面技術(shù)深度廣度，以及個(gè)人職業(yè)規(guī)劃等等。一定要準(zhǔn)備筆試，把網(wǎng)上的筆試題目，過(guò)一遍，該背的還是要背。

（3）一定不要忽略人事面！！下面會(huì)講到我被職業(yè)規(guī)劃坑了多少次！

（4）面試題目的總結(jié)，記錄下來(lái)，去學(xué)習(xí)。以及技術(shù)面的時(shí)候練習(xí)引導(dǎo)面試官靠近自己會(huì)的領(lǐng)域，如果隨著面試官問(wèn)，肯定會(huì)問(wèn)道自己不會(huì)的地方。

（5）慕課網(wǎng)有個(gè)前端跳槽必備的技能，名字記不清楚的， 但是內(nèi)容很棒，講的是經(jīng)典的面試題目。

[[236631]]

經(jīng)過(guò)兩周的休整，面試全部推掉，下班后回家看書(shū)和 coding，為了有充分的時(shí)間面試，我在 3 月底辭職了，對(duì)，是裸辭。之后計(jì)劃一天面試一家。工作經(jīng)驗(yàn)寫(xiě) 1 年，因?yàn)槲矣X(jué)得兩年問(wèn)的太難了，一年應(yīng)該還可以。兩年會(huì)要求懂 js 的三座大山。

主要講講辭職后面試的幾家公司，一家是告知特的頁(yè)面技術(shù)支持， 外企走流程走到面試用了不到一個(gè)月。電話面試前面聊得挺好的但是聊到職業(yè)計(jì)劃聊崩了，問(wèn)我職業(yè)規(guī)劃有嗎？我說(shuō)有，3 年后做產(chǎn)品經(jīng)理，我太實(shí)誠(chéng)了，然后人家回說(shuō)：我們這工作和產(chǎn)品經(jīng)理差距挺大，無(wú)論我怎么說(shuō)沒(méi)有下文了。

一家做物聯(lián)網(wǎng)，在張江高科，一面還好，問(wèn)我在項(xiàng)目中做什么，我是負(fù)責(zé)頁(yè)面登錄、個(gè)人中心、以及使用 echarts 做成績(jī)頁(yè)面等。你一個(gè)人可以負(fù)責(zé)項(xiàng)目嗎？我說(shuō)這得看項(xiàng)目大小，曾經(jīng)一個(gè)人負(fù)責(zé)公司官網(wǎng)，但是軟件系統(tǒng)的頁(yè)面涉及到幾百個(gè)，需要前端通力合作。問(wèn)我會(huì)搭建 vue 項(xiàng)目嗎？其實(shí)我不會(huì)，但是我說(shuō)最近在看，可以配合 webpack 搭建小項(xiàng)目。后來(lái)聊到了薪資，這薪資結(jié)構(gòu)，和別家公司都不一樣，比較復(fù)雜，建議小伙伴遠(yuǎn)離薪資發(fā)放比較復(fù)雜的公司， 咬文嚼字容易被坑，仔細(xì)算下其實(shí)到手并沒(méi)有多少。之后二面是產(chǎn)品經(jīng)理，因?yàn)楫a(chǎn)品在外出差，所以是電話聊天，同樣聊到職業(yè)規(guī)劃，我說(shuō)法還是之前那一套，之后轉(zhuǎn)產(chǎn)品之類(lèi)的。聊得很順暢。第二天收到了 offer。有了 offer 在手，面試其他公司也比較有底氣了。

重點(diǎn)說(shuō)下接下來(lái)這家公司，做高端互聯(lián)網(wǎng)教育培訓(xùn)的。可是我之前并不知道，也是無(wú)所畏懼的就去面試了。一面是，一個(gè)產(chǎn)品經(jīng)理和前端技術(shù) leader，先介紹下項(xiàng)目，前端就項(xiàng)目問(wèn)了我一些 vue 相關(guān)問(wèn)題，因?yàn)闇?zhǔn)備了一些關(guān)于個(gè)人賬號(hào)登錄后的本地存儲(chǔ)的知識(shí)，個(gè)人中心表單提交如何驗(yàn)證和用 post 和 get 區(qū)別。接下來(lái)產(chǎn)品問(wèn)我：

（1）你說(shuō)你上家公司負(fù)責(zé)部分軟件測(cè)試，負(fù)責(zé)哪些？回到：負(fù)責(zé)黑盒測(cè)試，主要是流程與功能，一部分是頁(yè)面相應(yīng)，查看 network 看接口反應(yīng)時(shí)間。或者一些工具輔助一下。

（2）產(chǎn)品經(jīng)理提出你完成不了的需求你怎么辦？回答：你行你上啊。他們笑了說(shuō)你應(yīng)該說(shuō)服他，我說(shuō)是的，那個(gè)是我內(nèi)心的獨(dú)白，我一般情況下，會(huì)反駁，但是我會(huì)從各方面拿出論據(jù)反駁，比如之前負(fù)責(zé)官網(wǎng)的時(shí)候，分離原來(lái)混合開(kāi)發(fā)的 jsp 頁(yè)面并且添加新功能，設(shè)計(jì)說(shuō)要做留言板，還是那種輸入什么就在下方顯示留言，因?yàn)楸緛?lái)的留言板沒(méi)有這個(gè)功能，我當(dāng)時(shí)說(shuō)，第一，留言板這東西說(shuō)簡(jiǎn)單也有簡(jiǎn)單的做法，說(shuō)難也有難的做法，設(shè)計(jì)又不懂肯定要最好看的，所以我說(shuō)做可以，但是你去跟老板說(shuō)時(shí)間給我延長(zhǎng)不能按期完成官網(wǎng)。第二，我們官網(wǎng)做的是企業(yè)展示不是做社交啊，你這跑題了。第三，既然想做留言板，如果我留言不利于企業(yè)的話，是前端判斷內(nèi)容還是你守在數(shù)據(jù)庫(kù)前一條條刪除數(shù)據(jù)？如果是前端判斷我怎么判斷？判斷哪些文字不可以輸入嗎？第四，如果惡意攻擊，刷留言，惡意灌水，增加服務(wù)器負(fù)載，你來(lái)負(fù)責(zé)嗎？說(shuō)完，他閉嘴了。我又舉了個(gè)例子，我說(shuō)有時(shí)候產(chǎn)品經(jīng)理腦洞很大，有些東西可以做，但是性能不好，而且做起來(lái)麻煩，我會(huì)想出其他方法，并說(shuō)服他，解決問(wèn)題的方法有很多，但是我得找一個(gè)我能做的并且簡(jiǎn)單的。

（3）如果工作中你不會(huì)的怎么辦，問(wèn)誰(shuí)？回答，可以把問(wèn)題拋在社區(qū)里，但是這種方法不一定實(shí)時(shí)，所以我會(huì)把問(wèn)題放在微信交流群里，有 260 個(gè)人，而且大家很活躍。繼續(xù)問(wèn)關(guān)于交流群的事，我說(shuō)是老尚創(chuàng)立的公眾號(hào)的讀書(shū)群，原諒我打了廣告，但是我可沒(méi)有回扣，只是實(shí)話實(shí)說(shuō)。繼續(xù)深追，那個(gè)公眾號(hào)叫什么名字？叫 web 前端教室。估計(jì)就這一個(gè)問(wèn)題追問(wèn)我是在考察我是不是真的而不是瞎編的。（4）如何保持持續(xù)學(xué)習(xí)？你用哪些方法？回答：看書(shū)看視頻，但是我覺(jué)得還是跟著老師學(xué)習(xí)比較好，所以報(bào)名了老尚的在職前端教程每周兩次開(kāi)課。同時(shí)中國(guó) MOOC 網(wǎng)也修一些課程作為輔助學(xué)習(xí)。

接下來(lái)是二面，二面面了一個(gè)半小時(shí)！后來(lái)才知道二面的面試官是 C++ 里面的大牛而且是連續(xù)創(chuàng)業(yè)者，李老師。具體姓名不說(shuō)了。以下是主要問(wèn)題：

（1）你的職業(yè)規(guī)劃三年后做產(chǎn)品，為何不直接找產(chǎn)品經(jīng)理相關(guān)的工作？回答：第一，我認(rèn)為前端最貼近用戶(hù)，可以積累用戶(hù)體驗(yàn)。第二，不懂技術(shù)的產(chǎn)品經(jīng)理不是好產(chǎn)品經(jīng)理。第三，我目前沒(méi)有產(chǎn)品經(jīng)理必備技能，不太適合去找工作。第四，之前大學(xué)實(shí)習(xí)在公司輪崗，做運(yùn)營(yíng)感覺(jué)自己像內(nèi)容搬運(yùn)工，后端也做不來(lái)，產(chǎn)品是確實(shí)喜歡，發(fā)現(xiàn)前端很有意思就開(kāi)始了前端。第五，由難到簡(jiǎn)單可以但是由簡(jiǎn)單到難不太容易，所以為了產(chǎn)品我還是選擇了前端。可以靜下心來(lái)學(xué)學(xué)技術(shù)，精力有限，一次不能又做前端又考慮產(chǎn)品，至少目前沒(méi)產(chǎn)品相關(guān)計(jì)劃。

（2）技術(shù)在上一個(gè)團(tuán)隊(duì)如何？回答：因?yàn)樯霞夜ぷ鲀?nèi)容用高程的前六章就夠了，也沒(méi)有人告訴我還要學(xué)什么，所以那幾個(gè)月自己也沒(méi)有方向，算是浪費(fèi)了，技術(shù)在團(tuán)隊(duì)里中等水平，畢竟年限也在那邊擺著。

（3）導(dǎo)致你技術(shù)一般的原因是不是因?yàn)槟氵^(guò)多的關(guān)注產(chǎn)品？我說(shuō)如果是這樣，我不會(huì)度過(guò)試用期，而且我們是用 jira 來(lái)統(tǒng)計(jì)工作效率，做每個(gè)任務(wù)要量化到工時(shí)的，所以不存在過(guò)多關(guān)注， 并且我講了下流程，我關(guān)注產(chǎn)品在于設(shè)計(jì)師把原型稿做好交到前端手里的那段時(shí)間，我前后過(guò)幾遍，看看是不是有邏輯錯(cuò)誤，或者設(shè)計(jì)漏洞。

（4）輸出怎么樣？有個(gè)人網(wǎng)站嗎？其實(shí)沒(méi)有幾篇文章，我是小菜鳥(niǎo)。但是我回答：有個(gè)人博客，記錄 codecademy 練習(xí)時(shí)別人的好方法，有 github，記錄個(gè)人小 demo。

（5）你有什么優(yōu)勢(shì)？面試千萬(wàn)不要慫，我回答：具有產(chǎn)品意識(shí)的前端，如果前端分為兩種，一種給什么原型拿來(lái)就做，出問(wèn)題就把鍋甩出去，一種就是我這樣的做之前想的多一點(diǎn)，避免做完發(fā)現(xiàn)與產(chǎn)品要的不一樣。第二，英語(yǔ)還可以，可以閱讀源文檔（我吹牛的）。第三，開(kāi)朗容易溝通。

（6）你還學(xué)過(guò) C++？我當(dāng)時(shí)是實(shí)話實(shí)說(shuō)，我說(shuō)學(xué)過(guò)半學(xué)期，不太記得了。否則說(shuō)會(huì)的話，人家隨便兩句就把我 KO 了。

（7）你讀過(guò)哪些關(guān)于產(chǎn)品的書(shū)？凱文凱利三部曲，浪潮之巔，引爆點(diǎn)這些是大學(xué)讀的，沒(méi)有刻意去看。

（8）為何選擇前端？

（9）如何從事的前端？不說(shuō)了上面說(shuō)過(guò)了。之后說(shuō)你有什么想問(wèn)的嗎？我說(shuō)你目前做什么？李老師輕描淡寫(xiě)地說(shuō)，我敲代碼敲了十幾年，目前做產(chǎn)品經(jīng)理。

這次面試了整整兩個(gè)小時(shí)。4 點(diǎn)開(kāi)始 6 點(diǎn)走。之后又面試了一家 100 人以上的公司。

總結(jié)一下這次找工作，總共投遞 60 份簡(jiǎn)歷，時(shí)間跨度有 1 個(gè)月，收到面試邀請(qǐng) 13 家，面試 7 天，面了 10 家左右，前 6 家一輪游，從第 7 家開(kāi)始進(jìn)入復(fù)試，休整 2 周之后，面了 3 家，收到 2 份 offer。經(jīng)過(guò)選擇，入職了互聯(lián)網(wǎng)教育，為啥？?jī)?nèi)部賬號(hào)免費(fèi)看全部學(xué)習(xí)視頻，隱性福利嘛，哈哈哈。全劇終。

認(rèn)清自己、找準(zhǔn)方向就成功一半了。面得不只是技術(shù)也包括態(tài)度潛力你說(shuō)對(duì)吧？