這篇文章不適合拿到 BAT 的大佬及自制力特別差的人

本文只是提供復習的思路，以及我自己的一些面經(jīng)，并沒有具體的題目

基本情況

據(jù)說先把 offer 亮出來才能吸引你們看下去。目前一共有五個。分別是順豐，拼多多，遠景智能，老虎證券和貝殼。其實拿到拼多多以后很多筆試面試就沒有繼續(xù)參加了，比如蘇寧，虎牙的面試都沒有去。還有一些直接筆試就拒了。因為過了也不會去，所以也就不敗人品了。

再說一下我的情況吧，本科專業(yè)是礦物加工，當時連 c 語言都沒學過，只學過一門你們可能聽都沒聽過的 VB。然后考研考到了計算機的專業(yè)，兩年，所以已經(jīng)過去一年多了。然后剛開始的話也不是做前端，其實真正接觸前端開發(fā)是去年 11 月左右。但是真的開始系統(tǒng)的學習應該是今年 4 月左右。因為其實實驗室開發(fā)的話用的東西不難，很多東西用不到，所以當時直接開發(fā)問題也不是特別大，但是現(xiàn)在看起來真是太菜了。比如今年四月左右嘗試了一下騰訊的實習，因為實驗室和自己技術的原因，所以只嘗試了這一家。不過你們就可以通過這一家判斷出我當時的水平了。當時有這么一題，寫一個閉包，每次調用的時候自加 1。怎么樣是不是很簡單，那我當時是怎么寫的呢

var a = 0;
function add1(){
    return a++;
}

沒錯，我就是這么寫的，今年 4 月的時候。所以也應該大概知道我當時的水平吧。

之所以說這些呢，是給大家打個氣，菜沒關系，但是不能一直菜。所以也是告訴大家，如果真想學好，并且有興趣的話是可以學好的。先說一下我準備的過程吧，給大家做個參考。

準備過程

大概就是實習結束之后就開始準備了。因為那時還有課，實驗室還有項目，所以復習的比較慢，花了大概兩個月左右把紅寶書看了第一遍，基本上每一章都看了。這個過程雖然記住的東西不多，而且很多東西可能理解不了，但是會讓你多很多東西有個基本的概念。為第二遍做準備。沒錯，這本書看一遍遠遠不夠，你還要看第二遍，而且要整理，最重要的是復習。我相信看一遍的人很多，看第二遍的人也有。但是看的時候整理并且經(jīng)常復習的人可能并沒有那么多。當然第二遍整理的時候你需要有復習的思路（后面我會提供給大家，可以做個參考）。第二遍的時候不能有不理解的地方了，原型，繼承，原型鏈，執(zhí)行上下文，垃圾回收，作用域鏈書上講的不清楚，看不懂的去網(wǎng)上找，還是不懂自己用例子測試。第二遍一定要弄懂，除非你想來第三遍。第二遍的話總結只總結重點的幾章我就整理了九萬多字，并且那段時間每天早上都會復習一下，8 點復習，9 點左右結束，其實有點太多了。導致自己都快背下來了。后來的話感覺每天把前一天整理的復習一下，每個星期把所有的復習一下可能更合適一些，也有更多時間看別的。

那段時間除了看這個的話還在看 vue 和 webpack，ES6 標準入門，圖解 http（稍微翻了一下 http 權威指南）。后來因為感覺自己一個跨專業(yè)的基礎比較差，所以還是把精力放在基礎上比較好，就暫時把 vue 和 webpack 放下了。開始看你不知道的 JavaScript。ES6 標準入門的話也不用都看，也是要有重點的看，當然這些都是針對找工作來說的。還是一樣的，總結和復習缺一不可。

后面的話開始看你不知道的 JavaScript，解決了我對于 this 指向的疑惑，剛開始的話看上中兩卷就好，后面有時間可以再看下。

然后提前批就開始了。因為自己本身算跨專業(yè)，加上沒有實習，學習的時間不長，所以從開始的時候就積極投簡歷了。不管是什么崗位，我都建議提前批開始投遞簡歷，當然，是在我前面說的那些準備工作都做的差不多的情況下。如果你什么都沒做，我覺得可能安心復習是更好的選擇。

開始面試以后，肯定有好多東西不會，可以通過寫面經(jīng)，總結的方式來彌補自己的缺陷，不能面完了就結束了。這樣同樣的問題你永遠不會。比如剛開始我對 BFC，防抖節(jié)流，性能優(yōu)化等根本不了解，后面的話也通過面試，面試完查資料了解了。這里想說的就是不懂就要問，要查，而不是過。

后面的話自己了解的東西就比較多了，高性能 js，js 忍者秘籍，前幾天的話也是剛看完 js 函數(shù)式編程，最近又把 http 抓包實戰(zhàn)看完了，了解了抓包相關的東西。

前面的話是自己復習的一些經(jīng)歷。里面對框架說的比較少，這里說一下原因。首先我是跨專業(yè)的，基礎差，基礎都沒打好怎么看框架。比如你讓一個會用 jquery 的 ajax 的人封裝一個原生的 ajax，可能他們不會，但是我會。所以框架固然重要，但是基礎是最重要的。當然框架里面的一些好的思想你還是要了解的。比如虛擬 dom，diff 算法，vue 雙向綁定實現(xiàn)這些東西。你可以沒用過框架，但是這里面的原理你需要花時間去了解。

復習思路

下面是我從開始找工作時整理的一些面經(jīng)，大家可以參考一下。

2018 秋招前端面試總結

有些可能沒有，因為現(xiàn)場面的時候是連著面的，所以沒有整理的時間，回去的時候都忘的差不多了，而且大多數(shù)都是類似的問題，可能少數(shù)幾個不一樣，也不值得整理了。所以有些可能沒有。

其實開始復習之前也整理過別人的面經(jīng)，大致都差不多。我這里就不提供具體的問題了，因為有好多人整理過了，所以可以參考他們。但是你在看別人整理的內容之前，最好自己已經(jīng)了解一部分了。因為別人整理的東西為了簡潔可能會把一些幫助理解的東西去掉，所以相當于你看到的只是結論。你看別人整理的東西的時候，最好是用來查缺補漏，而不是用來學習。

JavaScript 基礎

重點 js 高級程序設計 3 - 7 章，10 - 13 章，21 章

首先，基礎知識一定要扎實。怎么樣算扎實呢，舉個例子吧，每個對象都有的 tostring 和 valueOf，誰能說出什么情況下觸發(fā)哪一個

var obj = {}
console.log(obj);
console.log(+obj);
console.log(obj=={});
console.log(obj==={})
console.log(obj=='test')
console.log(obj==='test')

很多人只是過了一下，就比如別人整理的東西上面肯定不會說的特別詳細，他只是給你個結論，所以你親自試過嗎？怎么試呢，其實很簡單啊

var obj = {
    toString:function(){
        console.log('toString')
        return Object.prototype.toString.call(this)
    },
    valueOf:function(){
        console.log('valueOf')
        return Object.prototype.valueOf.call(this)
    }
}
alert(obj);
alert(+obj);
alert(obj=={});
alert(obj==={})
alert(obj=='test')
alert(obj==='test')

很簡單就能測試出來什么時候用 valueOf 和 toString 了。

再比如數(shù)組哪些方法會改變原數(shù)組，哪些不會。其實這些書上都有，但是沒有專門總結。因為總結不是書的事，書只負責教你知識，總結是你自己的事。一輩子不總結，一輩子都記不清。因為我也是從這種狀態(tài)走過來的，所以希望大家學完一點東西以后總結一下，過段時間看一下。

如果你這兩個都想的磕磕絆絆可能得看一下基礎部分的內容。

網(wǎng)絡

重點圖解 http，極客時間的趣談網(wǎng)絡協(xié)議，博客

基礎差不多了，還要看網(wǎng)絡的東西，如果做開發(fā)的話，前后臺都需要好好了解網(wǎng)絡的知識。具體有 http，http 2.0，https，dns，cdn，tcp，緩存，跨域，安全，本地存儲這些東西。前面那些計算機網(wǎng)絡的東西可以通過圖解 http 來做個大概的了解。這里想推薦極客時間的一門課程趣談網(wǎng)絡協(xié)議。如果有想試聽的可以加我微信，通過我的鏈接購買的返利我也會返還給你，微信和鏈接放在最后。因為我之前也是特別頭疼網(wǎng)絡這方面的東西，不過聽了以后就感覺好多了，甚至還能說下 quic 協(xié)議來裝個逼。每天早上，中午晚上去學校實驗室的路上聽一下，反復聽，這點東西聽一個月就算弱智也能聽會了。當然也要自己總結一下，因為有些講的不是那么清楚，比如 https 的 pre-matser 那里，這就需要你自己去查一下。對于跨域，緩存，安全這些東西網(wǎng)上一找一大堆，我自己也整理過，所以也不是特別難，可能剛開始了解的不多，會覺得好難，其實看下來以后會覺得沒那么難。這里特別要注意的就是 cookie 的一些屬性，需要記一下。

html 和 css

css 權威指南 2、3、7、8、10 章，w3c，博客

html 首先要理解語義化，然后就是一些語義化的標簽。語義化的好處，新增的一些特性。給你一個頁面結構要能使用語義化標簽準確還原。

css 這部分的話其實考的比較多的是一些實際的東西，但是首先基礎你要知道。比如最基本的盒模型，還有一些 css3 新增的選擇器，屬性等。然后最經(jīng)常的就是讓你實現(xiàn)三欄兩欄布局，所以基本的布局方式你也要了解吧。然后就是垂直居中，移動端適配等考的比較多。這些東西其實都是需要自己整理，然后一段時間復習一下。

ES6

重點 ES6 標準入門 2、3、7、11、14、16、18、19、22、23

ES6 重要且常用的特性基本都在這里面的，具體常問的有 let const，class，箭頭函數(shù)，promise，async await，module 模塊化。

算法

重點劍指 offer?。?！

面試考的算法題 90% 都是劍指 offer 上面的，所以劍指 offer 也一定要好好刷，經(jīng)常刷，刷完了繼續(xù)刷。這樣面試的時候 90% 以上的算法題就沒有問題了。但是如果筆試想表現(xiàn)的好一點的話可能就得刷 leetcode 了。但是我覺得還是得首先把基礎概念弄懂了再刷比較好，最近極客時間也新開了一門算法課。想報名的可以通過我的鏈接，加我微信，返利我也會返給你。當然，算法是長時間的事，就算不是為了面試也建議一段時間刷幾題。

框架

博客，視頻

框架方面雖然我暫時了解的不多，但是下半年也準備花時間在這上面還有 nodejs 上面。就算你不會，下面這幾個問題你也要弄懂。

mvvm 和 mvc 的區(qū)別，雙向綁定原理，虛擬 dom、diff 算法，spa 原理。

模塊化、工程化

這一塊的話 ES6 標準入門里面有，讓后網(wǎng)上也很多，最主要的是自己實現(xiàn)一下，然后比較里面的不同。因為實驗室技術比較落后，這方面的東西沒有用過，所以我也只是通過簡單的 demo 測試過他們中的一些區(qū)別，了解的也不是特別深。但是一定要親自動手實現(xiàn)。這樣才能加深自己對這方面的理解

這些東西你準備好的話，基本一面就沒問題了。但是如果想進大廠的話，計算機基礎，后臺的東西你都要有所了解，因為大家能力都差不多，所以面試官最重視的還是你的基礎。

總結

剛開始的時候肯定是看書，形成完整的知識體系。然后針對某些重點逐個攻破。最后的話可以看一些他人整理的資料，面經(jīng)，查缺補漏，經(jīng)?？偨Y。這里面最重要的就是經(jīng)常復習，有代碼一定要寫代碼。最忌諱的就是看完就結束，不總結，不復習，這樣知識留存率太低了，可能你暫時記下來了，但是過段時間就忘了。重要的函數(shù)要背下來，比如我經(jīng)常每天隔幾天寫一下深拷貝，防抖節(jié)流，compose 函數(shù)，apply，bind，call 的實現(xiàn)等。這些常用的我覺得考到的可能比較大，并且能加深自己的理解。

當然了，通過寫博客的形式來總結最好不過了，因為有人與你互動，所以能夠提高你的學習積極性，但是需要注意版權的問題，從書上整理的內容如果大規(guī)模引用的話，最好標注出處。而且如果有面試官問到的話，經(jīng)常寫博客也是個加分項。接下來準備把計算機基礎，算法，框架，nodejs 這些東西補一補。雖然秋招結束了，但是學習是一輩子的事情。

到此這篇關于2019web前端面試總結(內附面經(jīng))的文章就介紹到這了,更多相關web前端面試內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！