博主就讀于電子科技大學，大三狗一枚！面試是個漫長的程序，從海投到識訓電話面試，一面、二面、三面，一個步驟出錯那么后面就宣告終結，同時，面試程序中你也可能會遇到一些面試官的刁難，甚至部分面試官會說些比較打擊你的話，但是大部分面試官都是很棒的！
為什么要寫這篇文章
從一開始手指冒汗被懟的說不出話，到最后和面試官侃侃而談游刃有余，我發現：同樣的能力水平，在不同的面試表現下，反饋到面試官眼中的結果可以有著天壤之別，
因此，如果你希望把自己的真實水平展示給面試官，那么掌握一些合適的方法是非常有必要的，
面經分享
第一部分是我前端面試的經驗總結，第二部分是我認為比較有思考空間的題目
? 經驗總結
- 一份漂亮的簡歷，需要包括以下部分（排版由上而下）
- 個人亮點（專精領域，個人博客，開源專案）
- 教育經歷（畢業院校，在校經歷、榮譽）
- 作業經歷（實習）
- 專案經歷
- 專業技能
- 扎實的前端基礎，比如你知道
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>作用是什么？- flex:1 的 1 代表什么？
- 閉包, 作用域, 記憶體？
- 熟悉一門前端框架（Vue 優先）
- 勤刷《前端初級工程師面試題精編》 的演算法題，熟悉掌握相應的資料結構如常見的鏈表、堆疊、佇列、哈希表、樹
- 熟悉網路基礎、Git 命令、Linux 命令、打包工具
- 多去了解前端的新趨勢（Flutter，PWA，Serveless，GraphQL，CSS Houdini）
- 要有自信，讓面試官感受到你對前端的熱愛
此文純個人觀點，希望讀者保持自己的判斷，
題外話：看完你會忍不住點個贊的，點贊再看，養成習慣 🙂
? 推薦閱讀：
- web前端面試寶典（一）
- web前端面試寶典（二）
- 前端工程師，實際作業中的開發流程？
- 自己的準備作業分享：前端知識點總結
2021前端面試題精選
老生常談的面試題就不放出來了，大廠常規面試流程也不寫了（不利于閱讀，有興趣的可以翻翻博主文章）
HTML、CSS相關
- 網路中使用最多的圖片格式有哪些
- 請簡述css盒子模型
- 視頻/音頻標簽的使用
- HTML5新增的內容有哪些
- HTML5 新增的語意化標簽有哪些
- CSS3新增的特性
- 清除浮動的方式有哪些？請說出各自的優點
- 定位的屬性值有何區別
- 子元素如何在父元素中居中
- Border-box與content-box的區別
- 元素垂直居中
- 如何讓chrome瀏覽器顯示小于12px的文字
- CSS選擇器有哪些，那些屬性可以繼承，優先級如何計算？
- CSS3新增的偽類有哪些？
- 網頁中有大量圖片加載很慢 你有什么辦法進行優化？
- 行內元素/塊級元素有哪些？
- 瀏覽器的標準模式和怪異模式區別？
- Margin和padding在什么場合下使用
- 彈性盒子布局屬性有那些請簡述?
- 怎么實作標簽的禁用
- Flex布局原理
- px，rem，em的區別
- 網頁的三層結構有哪些
- 請簡述媒體查詢
- 三欄布局方式兩邊固定中間自適應
- Doctype作用
- CSS 預處理 sass less 是什么？為什么使用他們
- 怎么轉換less為css
JavaScript相關 - Js基本資料型別有哪些
- Ajax如何使用
- 如何判斷一個資料是NaN
- 閉包是什么？有什么特性？對頁面會有什么影響
- Js中常見的記憶體泄漏：
- 事件委托是什么？如何確定事件源（Event.target 誰呼叫誰就是事件源）
- 什么是事件冒泡？
- 本地存盤與cookie的區別
- ES6新特性
- Let與var與const的區別
- 陣列方法有哪些請簡述
- 請掌握2種以上陣列去重的方式
- 什么是面向物件請簡述
- 普通函式和建構式的區別
- 請簡述原型 / 原型鏈 /（原型）繼承
- Promise的理解
- 請簡述async的用法
- 一個頁面從輸入 URL 到頁面加載顯示完成，這個程序中都發生了什么？
- Js中.call()與.apply()區別
- 為什么會造成跨域/請簡述同源策略
- This指向
- 什么是jsonp作業原理是什么？他為什么不是真正的ajax
- 請寫出一個簡單的類與繼承
- 同步與異步的區別/阻塞與非阻塞區別
- 為什么js是弱型別語言
- 箭頭函式與普通函式的區別
- For回圈與map回圈有什么區別
- 原型和繼承，prototype，call和apply繼承的區別
- 深淺拷貝是什么如何實作？
- 什么時候用深拷貝 /淺拷貝
- 什么是js記憶體泄露？
- 什么是csrf攻擊
- 預加載和懶加載的區別，預加載在什么時間加載合適
- Js的函式節流和函式防抖的區別
jQuery相關 - 什么是jQuery？
- 為什么要使用jQuery？jquery有哪些好處？
- Jquery選擇器有哪些
- Jquery插入節點的方法
- jQuery物件和DOM物件是怎樣轉換的
- jQuery中.get()提交和.post()提交的區別
- 怎么使用jQuery中的影片
- jQuery中如何來獲取和設定屬性
- 如何來設定和獲取HTML和文本的值？
- jQuery中有哪些方法可以遍歷節點？
- $(this) 和 this 關鍵字在 jQuery 中有何不同？
- jQuery 里的 each() 是什么函式？你是如何使用它的？
- Query中的Delegate()函式有什么作用？
瀏覽器，HTTP相關 - http是什么？有什么特點
- HTTP協議和HTTPS區別
- 請簡述ajax的執行程序 以及常見的HTTP狀態碼
- Get和post不同
- 請輸出三種減少頁面加載時間的方式
- 重繪和回流是什么
- 你如何對網站的檔案和資源進行優化？
Vue相關
- Vue的核心是什么
- 請簡述你對vue的理解
- 請簡述vue的單向資料流
- Vue常用的修飾符有哪些
- v-text與{{}}與v-html區別
- v-on可以系結多個方法嗎
- Vue回圈的key作用
- 什么是計算屬性
- Vue單頁面的優缺點
- Vuex是什么？怎么使用？在那種場景下使用
- Vue中路由跳轉方式（宣告式/編程式）
- 路由中name屬性有什么作用？
- vue跨域的解決方式
- Vue的生命周期請簡述
- Vue生命周期的作用
- DOM渲染在那個生命周期階段內完成
- Vue路由的實作
- Vue路由模式hash和history，簡單講一下
- Vue路由傳參的兩種方式，params和query方式與區別
- Vue資料系結的幾種方式
- Vue注冊一個全域組件
- Vue的路由鉤子函式/路由守衛有哪些
- Vue中如何進行動態路由設定？有哪些方式？怎么獲取傳遞過來的資料？
- Elementui中的常用組件有哪些？請簡述你經常使用的 并且他們的屬性有哪些？
- Vue中指令有哪些
- Vue如何定義一個過濾器
- 對vue 中keep-alive的理解
- 如何讓組件中的css在當前組件生效
- Vue生命周期一共幾個階段
- Mvvm與mvc的區別
- Vue組件中的data為什么是函式
- Vue雙向系結的原理
- Vue中組件怎么傳值
- Bootstrap的原理
- Watch請簡述
- Vant Ui請簡述下
- 計算屬性與watch區別
- mvvm框架是什么？它和其它框架（jquery）的區別是什么？哪些場景適合？
- Vue首屏加載慢的原因，怎么解決的，怎么解決白屏問題
- Vue雙資料系結程序中，這邊兒資料改變了怎么通知另一邊改變
- Vuex流程
- Vuex怎么請求異步資料
- Vuex中action如何提交給mutation的
- Route與router區別
- vuex的State特性是？
- vuex的Getter特性是？
- vuex的Mutation特性是？
- vuex的actions特性是？
- vuex的優勢
- v-for與v-if優先級
React相關
- fetch VS ajax VS axios
- React事件處理—修改this指向
- 請簡述你對react的理解
- react組件之間的資料傳遞
- Vue與react區別
- 請簡述虛擬dom與diff演算法
- 呼叫 setState 之后發生了什么？
- react 生命周期函式
- 為什么虛擬 dom 會提高性能?(必考)
- State與props區別
- shouldComponentUpdate 是做什么的
- react diff 原理
- 何為受控組件
- 呼叫 super(props) 的目的是什么
- React 中構建組件的方式
小程式相關的
- 小程式的優勢
- 小程式的頁面構成
- 小程式的生命周期
- 小程式如何請求資料
- 如何提高小程式的首屏加載時間
- 請簡述你經常使用的小程式的組件
- wxss與css的區別請簡述
- 怎么優化小程式
- 小程式如何顯示用戶頭像與用戶名
- 請談談小程式的雙向系結和vue的異同？
這邊給大家送上一份前端工程師學習成長思維導圖，對自己的專業技能進行評估點擊這里立即領取
后話
對于面試，說幾句個人觀點，
面試，說到底是一種考試，正如我們一直批判應試教育脫離教育的本質，為了面試學習技術也脫離了技術的初心，但考試對于人才選拔的有效性是毋庸置疑的，幾千年來一直如此，除非你有實力向公司證明你足夠優秀，否則，還是得乖乖準備面試，這也并不妨礙你在通過面試之后按自己的方式學習，
其實在面試準備階段，個人的識訓是很大的，我也認為這是一種不錯的學習方式，首先，面試問題大部分基礎而且深入，這些是平時作業的基礎，就好像我們之前一直不明白學習語文的意義，但它的意義就在每天的談話間，
所謂面試造火箭，作業擰螺絲，面試往往有更高的要求，也迫使我們更專心更深入地去學習一些知識，也何嘗不是一種好事，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/278103.html
標籤：其他