2020前端面試，你準備好了嗎？

前言

求職季又到了，最近也面試了很多web開發同窗，本文也但願對正在找工做的同窗有所幫助吧。請你們見諒哈。後面會持續更新，歡迎點贊~~~

職位分析

當咱們收到一份面試邀請時，咱們能夠對jd作分析，看看工做的內容和具體的崗位要求，知己知彼百戰百勝。在網上找了一份前端崗位的jd，假設咱們接下來就要面試的就是這個崗位吧。

• 工做中有web和h5兩種項目，而且須要對現有系統進行重構或則性能優化的改造，這裏可能會涉及到h5開發中遇到的問題，對於前端模塊化和組件化的理解，如何進行性能優化等；
• 須要有紮實的前端開發基礎，包括JavaScript，Html5，Css3新特性；
• 有Node開發經驗，例如可以寫node代理服務，經過node操做數據庫等；
• 對於Http協議和Web安全要掌握；
• 有Vue.js，React，Angular中的一個項目開發經驗，而且熟悉底層原理實現；
• 軟技能，包括瀏覽器的工做原理，Github加分項，Git加分項等。

技術棧準備

JavaScript基礎

JavaScript基礎能夠推薦《JavaScript權威指南》、《你不知道的JavaScript》通讀一兩遍，能夠好的梳理所學知識，知識點包括

• js類型、typeof、instanceof，類型轉換
• 做用域與做用域鏈、變量提高
• js原型鏈、new、繼承方式
• this指向、閉包、垃圾回收機制
• 事件隊列、事件循環
• DOM對象
• 事件委託、DOM事件模型
• 原生ajax

Html5+CSS3

• html5新特性、語義化
• 瀏覽器渲染機制、重繪、重排
• css盒子模型、flex、動畫
• css樣式優先級
• BFC

Vue

這裏只列舉MVVM框架中的vue

vue基礎

• vue生命週期、keep-alive
• computed與watch
• v-for中key的做用
• vue組件的通訊方式
• 指令

vue底層原理

• 雙向綁定實現原理
• v-model的實現
• nextTick的實現
• vnode的理解，compiler和patch的過程
• new Vue後整個的流程
• keep-alive的實現
• vuex、vue-router實現原理

Http

• http特性以及狀態碼
• http的三次握手
• http1.0、http1.一、http2.0的區別
• http如何實現緩存
• https的握手過程
• 輸入url後http請求的完整過程
• get與post請求區別

web安全

• 理解xss，csrf，ddos攻擊原理以及避免方式
• xss與csrf的區別

前端工程化

• webpack配置，webpack4.0有哪些優化點
• webpack如何實現代碼分離
• 如何實現一個webpack loader
• npm包是如何實現按需引入
• 從0到1配置工程
• 前端模塊化，CMD、AMD、CommonJS、ESM

前端性能優化

• 前端性能優化的幾種方式
• 如何作性能優化上報
• 如何實現一個錯誤監控系統
• 什麼是同源策略
• 先後端如何通訊
• 跨域通訊的幾種方式

算法

• 排序

簡歷和自我介紹

簡歷通常包括我的信息，工做經歷，技術棧，項目，github和開源項目等
通常面試官都會針對於你的面試簡從來初步和你溝通，因此本身把握一個面試的溝通方向是很重要的，好比你對vue很瞭解，那能夠多和麪試官聊聊vue方面的事情，就是突出本身的優勢，表現出本身自信的一面。

在回答問題的時候，總體方向要對，並且回答須要更加細緻，多說一些細節，是加分項。在遇到本身沒法回答的問題，其實能夠表現出本身好學的態度，能夠向面試官適時的問一些問題。

當遇到面試許多問題沒有回答不上的時候，也知道本身可能通不過此次面試，但其實收穫仍是挺大的，能夠向面試官問如何學習，要一些資料啊，加一下微信，我以爲都是能夠的。

以上就是總結的面試前的準備考點，能夠針對不一樣的jd分析出不一樣的面試點，後面會用一些題目和或者資料來講出我對於這些考點的理解。但願你們都能找到理想的工做。

可關注公衆號，不按期更新哦~~第二篇正在寫做中