來吧！一文寫清前端面試難點及考點-有解無憂

如果你準備找前端作業的話，那么面試是一個很重要的環節，接下里我會具體講一下我是怎么準備面試及刷面試題，滿滿的干貨，建議精讀！

搭配這兩篇看面試效果更好哦~
285頁決議百度、阿里、騰訊前端面試題，通關秘籍請收好！
分享三個前端學習方法、十項前端面試筆記：養精蓄銳，為想去的公司努力一把

怎么準備前端面試

面試總結下來以下四點：一基礎，二專案，三簡歷，四心態

基礎

首先是基礎，那么到底是什么樣的基礎呢？小伙伴們可以參考以下總結的幾個要點

對于圖做些講解說明，有個大致的學習方向

1.html：
知道 html 的語意化標簽，html5 新特性以及一些標簽的作用，

2.css：
建議去過一遍《css 權威指南》，布局、定位、盒子模型是重點，

3.js：
這一塊內容比較多，如果你 js 學的不怎么好，那么就要加把勁了，把基礎、演算法、資料結構這塊搞懂，多去LeetCode上刷題，

相關的應用如：防抖和節流、xmlhttprequest，js 影片這塊，建議把《JavaScript 高級程式設計》精讀一遍，

4.網路：
網路這塊我主要就是把《圖解 http》看了一遍，如果心有余力的同學可以去看一下《深入淺出 https》，這塊內容比較復雜，涉及到密碼學，網路安全攻防這塊，

關于網路安全也是重點，特別是 xss，csrf，以及 sql 注入這塊都是需要去深入理解的，知道他們的原理，攻擊作用以及如何防御，

5.框架：
首先你要對 vue 的使用非常熟練，這個就體現在你平時做專案的程序中了，一些基本的 api、mixin、插槽、組件傳值、生命周期這些都是基礎了，同時你也可以了解 vue3.0 的一些新特性：基于代理機制的觀察者模式去監聽屬性等等，

最重要的是：你得要去看看原始碼，知道 vue 的一些底層實作原理，這在面試程序中是非常加分的，主要的可以去看看mvvm 實作的原始碼、vue 實作回應式監聽的原始碼以及vue-router 和 vuex 的原始碼，

6.性能優化：
這方面也是一個重頭戲，我面試過的這幾個公司里沒有一個不考一下性能優化這塊的，

關于性能優化的話，主要就是這么幾點：瀏覽器快取，這是你必須要答到的！如果讓你談前端優化，快取都不說，說明你專案經驗不夠，其他的什么預加載和懶加載，webworker 執行緒這些都可以了解一下，

7.工程化：
主要是考 webpack 這塊，plugin 和 babel 的使用，解決了什么問題，

簡歷

自己的簡歷要寫的豐富一點，特別是對專案的描述，要寫清楚自己擔任的職位，專案的原始碼地址，如果是上線的專案可以寫上線上地址，還有專案使用的技術堆疊、主要功能以及技術難點都要寫清楚，這樣面試官可以通過你的專案經歷做一個初步的評估，所以專案經歷越豐富越好，但是也不要什么專案都往簡歷上寫，還是像我說的那樣，寫有實際應用價值的專案，

還有最最最最重要的一點：千萬不要在簡歷上坑自己！在寫自己的技能項時，了解，熟悉，熟練，精通要分的清，自己不會的技能項或者是只是聽過這個東西有過一點點的了解，那就不要寫到自己的簡歷上了，切記！

之前專門寫了一篇關于簡歷問題文章：留住前端面試官目光簡歷到底是怎樣？4個方面把你簡歷問題一一突破，分析專案經歷、專業技能、作業經歷、注意事項四個簡歷內容，

心態

保持一個良好的心態也是面試成功的一個關鍵，不能太過于緊張，當然像我這種第一次面試的肯定會很緊張，不過隨著面試的次數增多，面試的深度逐漸加深，我也漸漸的沒有第一次面試時那么緊張了，但是適當的緊張還是要有的，這可以讓你保持一定的清醒，大腦時刻運轉，

如果你在面試程序中因為一道面試題沒有接觸到答不上來，你可以先向面試官求助，讓面試官給你一點提示，面試不像考試，考試你做得出來就做，做不出來那就沒辦法了，面試不同，在你沒有頭緒的情況下，你可以請求面試官給點提示，提供一點思路，如果還是答不上來，那么你就不要再糾結這個，選擇虛心的像面試官請教，面試官會非常愿意給你解答這個問題，但假如你死磕這道題，面試官無疑覺得你在硬撐著浪費時間，會給面試官留下不好的印象，所以千萬不要這樣做，學會有答必應，無答則問，

刷面試高頻題

1、JavaScript

講講js資料型別？基本和參考的區別？symbol和bigint講一講應用場景？
判斷資料型別的方法？instanceof原理?判斷空物件？ typeof null？typeof NaN？
var/let/const 區別？暫時性死區？塊級作用域？const a = {}; a.x = 1 能不能修改？
說說你對函式式編程的理解？函式柯里化的理解？平時的使用場景？
防抖、節流的含義，使用場景？手寫一下？
call、apply、bind區別？bind實作？bind之后還能修改this指向嗎？為什么？
閉包概念，最主要的還是問閉包的場景？
用es5實作es6類的繼承？各種繼承問的挺多的
深拷貝與淺拷貝？常用方法？手寫一個深拷貝函式？
說說你知道的JavaScript設計模式？觀察者和發布訂閱的區別？手寫一個發布訂閱？我真的寫了
說說對你對JavaScript異步編程的理解？
ES Module與 CommonJS 模塊的差異？兩者互相加載的方式？一般會扯到AMD
Promise.all、race、allSettled 概念、手寫？很多手寫題都會用到，比如用promise實作請求并發個數限制？

CSS

水平垂直居中？兼容性？不知道寬高情況下？
BFC概念？作用？常用場景？
Flex？注意flex：1的含義，一般會給你個場景題
盒模型概念，如何切換盒模型？
實作1px邊框？1px線條？
偽類和偽元素區別？使用場景？

Http &瀏覽器

瀏覽器快取？http快取？主要要講一講強快取、協商快取、preload、prefetch、Service Worker等，304的含義？協商快取e-tag是怎么生成的？Last-Modified是基于什么生成的？兩者對比一下？優先級哪個高？
什么是跨域？什么情況下會跨域？瀏覽器根據什么欄位判斷是否允許跨域？跨域的解決方案有哪些？options請求了解過嗎？說說CORS中的簡單請求和復雜請求？form表單提交會跨域嗎？
講一講瀏覽器事件回圈Event Loop？node 事件回圈描述一下？
http2有哪些新特性？http2還有哪些缺陷？http3的一些了解？
從輸入 URL 到頁面加載完成的程序，一般要很詳細的描述：包括DNS查詢，快取查詢，3次握手，4次揮手，瀏覽器渲染行程等，面試官會從里面再挑幾個問題深入問，比如為什么是3次握手4次揮手？渲染行程中的GUI渲染執行緒、JS引擎執行緒、事件觸發執行緒等等？可能會問到行程執行緒的區別？瀏覽器為什么是多行程？js為什么是單執行緒？怎么支持多執行緒？等等
https加密原理？主要是講對稱加密和非對此加密結合使用的一個程序，什么是中間人攻擊？和http區別？