從今年3月份開始面試筆試找實(shí)習(xí)找校招到現(xiàn)在也半年多了，拿到了不少offer，也有了自己的一點(diǎn)心得體會(huì)，這里寫出來(lái)分享一下，拙見勿噴。

注意一下，以下的觀點(diǎn)僅代表我個(gè)人的體會(huì)不代表任何人任何組織和任何公司。

關(guān)于流程

一般的實(shí)習(xí)&校招招聘大體有這么一個(gè)流程：（這里我個(gè)人都是走的官網(wǎng)投遞的渠道，沒有經(jīng)歷過宣講會(huì)的環(huán)節(jié)，這一部分我沒啥經(jīng)驗(yàn)）

筆試

筆試作為招聘的第一個(gè)環(huán)節(jié)，一般考察的都是專業(yè)基礎(chǔ)知識(shí)，這里會(huì)著重考察你在學(xué)校的計(jì)算機(jī)相關(guān)基礎(chǔ)，也就是很多人會(huì)發(fā)現(xiàn)，我明明考的是前端的卷子為啥前端的知識(shí)點(diǎn)考的這么少，而且有時(shí)候也會(huì)發(fā)現(xiàn)，前端的卷子考的沒有前端的知識(shí)點(diǎn)。

筆試也是有種類之分的，像我參加的360和阿里的校招，筆試都是分為能力測(cè)試和技術(shù)筆試的，這里的能力測(cè)試也就是我們以前經(jīng)常無(wú)視的邏輯思維題或者是分析題之類的；而技術(shù)筆試呢，顧名思義就是考察計(jì)算機(jī)基礎(chǔ)和專業(yè)基礎(chǔ)了，這里不廢話了(提一點(diǎn)：可能你會(huì)遇到有的筆試編程題選不了js，這里就自己斟酌了)。

關(guān)于基礎(chǔ)知識(shí)，這里就是計(jì)算機(jī)網(wǎng)絡(luò)、操作系統(tǒng)、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)庫(kù)等。

關(guān)于筆試的建議就是多刷題(超級(jí)學(xué)霸請(qǐng)無(wú)視我)，這里推薦幾個(gè)網(wǎng)站：?？途W(wǎng)，leetCode，賽碼網(wǎng)。

注意：像牛客和賽碼這里要注意一下，很多公司的筆試都是用的這兩個(gè)平臺(tái)，建議多熟悉下這里的編程題的在線環(huán)境。

一面

恭喜你，如果如果筆試過了那你就邁過了一個(gè)大坎，要知道很多同學(xué)都是連面試的資格都沒有的。到了面試階段，考察的大多是專業(yè)知識(shí)了，當(dāng)然也不排除考計(jì)算機(jī)基礎(chǔ)知識(shí)的。

一面這里考察的知識(shí)點(diǎn)比較基礎(chǔ)，這里你的面試官會(huì)分析你的技術(shù)基礎(chǔ)能力扎不扎實(shí)，你這個(gè)人的性格如何如何然后匯報(bào)個(gè)組里的老大決定你是否有機(jī)會(huì)參加下一輪的面試。

注意我提到的性格，大家都不愿意和一個(gè)怪異的人一起工作，一定要有熱情樂觀積極上進(jìn)，這點(diǎn)真的很重要！

這里我的建議就是，基礎(chǔ)我就不用說了一定要很扎實(shí)，面試官一下子就能看出你到底是會(huì)不會(huì)了，不要不懂裝懂。但基本上一面要是被問住太多了的話那確實(shí)很不樂觀了，但是也不排除一種情況，你的基礎(chǔ)非常的扎實(shí)，面試官覺得這些基礎(chǔ)知識(shí)點(diǎn)問了也是浪費(fèi)時(shí)間于是開始深入問你，這個(gè)時(shí)候要注意，確實(shí)會(huì)聞到很多你不會(huì)的知識(shí)點(diǎn)，不要放棄盡可能的嘗試，但也不要過于自大，面試官希望看到的是你的潛能和面對(duì)未知問題的解決能力。（web前端學(xué)習(xí)交流群：328058344 禁止閑聊，非喜勿進(jìn)！）

二面

恭喜你通過了一面，你的基礎(chǔ)還不錯(cuò)，接下來(lái)你將遇到的是組里的高T或者是業(yè)務(wù)方向的老大了(和大牛面對(duì)面)。

二面也會(huì)考察基礎(chǔ)知識(shí)，這里基本都是匆匆過一遍了。注意了我可以很負(fù)責(zé)任的說，二面你會(huì)遇到很多的困難，二面會(huì)考察你的項(xiàng)目，面試官會(huì)根據(jù)你簡(jiǎn)歷上的項(xiàng)目經(jīng)歷找一些他感興趣的來(lái)問你，簡(jiǎn)要的說并且說重點(diǎn)，從使用技術(shù)棧到項(xiàng)目架構(gòu)的設(shè)計(jì)到技術(shù)難點(diǎn)的實(shí)現(xiàn)，分點(diǎn)說。

面試官也是人，他也會(huì)好奇一些神奇的項(xiàng)目是怎么實(shí)現(xiàn)的，所以我的建議也就是平時(shí)多做一些有水平的項(xiàng)目，不要把todolist、圖書館管理系統(tǒng)這種爛大街的項(xiàng)目寫在自己的簡(jiǎn)歷上。

這里透露一下，你的二面面試官，很有可能是你未來(lái)的leader，它們問的問題很多都是平時(shí)遇到的技術(shù)難點(diǎn)啊，自己踩過的小坑啊啥的，有心的同學(xué)自己默默記住這些問題回去多看看，對(duì)自己的提升會(huì)有很大的幫助(畢竟你能網(wǎng)上搜到的問題都是些爛大街的問題，這時(shí)候大牛遇到過的問題和你探討這種機(jī)會(huì)不用說都知道很難得吧)。

這里還要廢話一下，不要遇到難題就放棄說不會(huì)，多嘗試一下，還是那句話，面試官想看到你對(duì)未知問題的解決能力，我一般都是先說出我的想法把我的實(shí)現(xiàn)方法說一遍，這時(shí)候可能會(huì)遇到直接懟對(duì)了的情況那么只能說恭喜啦，但是大多數(shù)情況下你的解決辦法都不是最優(yōu)的，這時(shí)候面試官會(huì)一點(diǎn)點(diǎn)把你往正確的方向引導(dǎo)，這一探索的過程才是面試官看出你這個(gè)人的軟硬實(shí)力的關(guān)鍵。

三面

恭喜你到最后一步了，這里是HR或者技術(shù)經(jīng)理面啦，這里表現(xiàn)最真實(shí)的你就好，和hr或者老大聊聊天，說說自己的基本情況啥的，這里就不多說了。

注意：其實(shí)還是要注意一點(diǎn)，很多同學(xué)都說我三面都過了為啥最后還是被拒了呢，這里其實(shí)不是你的第三面被拒了(當(dāng)然你如果人品有問題啥的我就不多說了)，這里據(jù)我所知有這么幾種情況：

1. 雖然真的面的很不錯(cuò)，但是公司的hc有限，只能說很遺憾；
2. 還是hc有限這個(gè)點(diǎn)，但是這家公司是根據(jù)筆試+一面+二面+三面的綜合評(píng)分決定的，只能說你很厲害但是有比你更厲害的人；
3. 其實(shí)你的二面一面就不怎么樣了只是說技術(shù)面試官不忍心拒絕你，往往hr更懂得拒絕別人；

總結(jié)

這里就簡(jiǎn)單總結(jié)一下吧：

• 自我介紹言簡(jiǎn)意賅，體現(xiàn)自己的個(gè)性和亮點(diǎn)，會(huì)什么著重說一下；
• 基礎(chǔ)知識(shí)(計(jì)算機(jī)基礎(chǔ) + 專業(yè)技能基礎(chǔ))；
• 對(duì)待問題的解決能力；
• 不要表現(xiàn)自己的負(fù)面情緒，積極樂觀；
• 溝通技巧；
  注意：你的暑期實(shí)習(xí)經(jīng)歷對(duì)你的校招面試很有用，一定要爭(zhēng)取找個(gè)暑期實(shí)習(xí)。我當(dāng)時(shí)面暑期實(shí)習(xí)時(shí)候也是沒有啥經(jīng)驗(yàn)處處碰壁，后來(lái)實(shí)習(xí)了幾個(gè)月后校招基本上是橫掃，面一家過一家。

關(guān)于技術(shù)知識(shí)點(diǎn)

這里就羅列一下我之前遇到的知識(shí)點(diǎn)，我的其他文章也寫到過詳情可以去看看(有些公司面試完可能忘了就沒寫)。博主上一次面試距今也有幾個(gè)月了，忘的差不多了，這里就羅列一點(diǎn)我突然想到的哈，請(qǐng)諒解。

html + css基礎(chǔ)

• 基本的布局(中間自適應(yīng)旁邊固定啥的)的幾種實(shí)現(xiàn)方法；
• 垂直居中的幾種實(shí)現(xiàn)方法；
• 盒模型；
• position；
• 行內(nèi)元素和塊元素；
• BFC(塊級(jí)格式化上線文，和浮動(dòng)一起考)；
• animation；
• 偽元素偽類；
• less、sass、stylus這種預(yù)處理器；
  ......

js基礎(chǔ)

• 原型鏈；
• 閉包；
• 類和繼承（es5實(shí)現(xiàn)方法 + es6實(shí)現(xiàn)方法）；
• let、const、var；
• promise；
• 異步處理方法；
• 寫一個(gè)方法遍歷所有文檔樹所有節(jié)點(diǎn)(考察遞歸)；
• cookie和webstorege；
• jsonp和跨域；
• sort排序相關(guān)(注意ascll這個(gè)坑)
• 數(shù)組和對(duì)象的深淺拷貝；
• String + Array的一些基本操作；
• 寫一個(gè)數(shù)組去重的方法；
• 冒泡和捕獲；
• 事件代理；
• this相關(guān)(注意箭頭函數(shù)的this指向問題)；
• call、apply、bind；
• 變量提升；
• 高階函數(shù)；
• 動(dòng)畫；
• setTimeout、setInterval和requestAnimationFrame；
• 模塊化開發(fā)；
• 引起內(nèi)存泄漏的原因；
• ajax；
• map、filter、reduce相關(guān)；
• Map和Set；
• 移動(dòng)端開發(fā)相關(guān)；
  ......

框架和工具相關(guān)

• vue數(shù)據(jù)綁定原理；
• vue父子組件和兄弟組件的通信問題；
• vuex的原理；
• vuex的action和mutation的異步操作和同步操作問題；
• vue的事件監(jiān)聽；
• vue-router獲取自定義參數(shù)；
• vue-router的go相關(guān)；
• vue組件設(shè)計(jì)相關(guān)；
• 模塊化的工具；
• webpack打包優(yōu)化；
• 設(shè)計(jì)一個(gè)自己的打包工具需要設(shè)計(jì)哪些主要功能；
• babel相關(guān)；
• mvvm的好處；
• jquery的一些基本用法；
• lodash相關(guān)；
• vue和react的對(duì)比；
• vue和jquery的對(duì)比；
  ......

技術(shù)拓展

• 設(shè)計(jì)模式相關(guān)(單例、發(fā)布訂閱等)；
• 瀏覽器渲染過程；
• 性能優(yōu)化相關(guān)(這個(gè)點(diǎn)很大，設(shè)計(jì)很多方面，不要自以為優(yōu)化就是網(wǎng)上經(jīng)?？吹降哪且惶?；
• 設(shè)計(jì)一個(gè)模版引擎；
• 設(shè)計(jì)一個(gè)打包工具；
• 設(shè)計(jì)一個(gè)mvvm框架需要注意的case；
• 源碼閱讀相關(guān)；
  ......

項(xiàng)目相關(guān)

這里說幾個(gè)我面試經(jīng)常問到的項(xiàng)目。

• 仿餓了么購(gòu)物車(本地購(gòu)物車和全局購(gòu)物車和本地存儲(chǔ)，不是網(wǎng)上一艘就能搜到的哪些哦)；
• Chrome插件開發(fā)lettalk；
• rn開發(fā)的一個(gè)簡(jiǎn)單的社交app；
• 仿vue mvvm框架(閱讀vue源碼時(shí)候仿的)；
• 仿Jquery類庫(kù)(閱讀jquery源碼時(shí)候仿的)；

總結(jié)

我能想到的也就這么多了，還是差很多東西的，請(qǐng)大家諒解。希望大家都能拿到自己滿意的offer。