2019年六月前端面試經驗總結

四月底從上家公司離職，五月六月陸陸續續面試了十幾家公司，也拿到了幾個offer。總體來說大環境和就業形勢還是比較不樂觀的，面試的人多，而招的人少，對前端的的要求也比以往要高，這些先不具體討論，這里主要將各個公司面試時考察的技術點做一個歸納總結，方便大家面試時作為參考，也進一步鞏固基礎，查漏補缺。

【前端基礎】

JS

1. js 事件循環（宏任務、微任務、setTimeout）
2. js 作用域、作用域鏈
3. 閉包
4. This 指向問題
5. new 操作具體做了哪些事情
6. 開發中用到了 ES6 的哪些新特性
7. js 實現繼承的方式
8. 比較熟悉的設計模式
9. 數組去重
10. 事件冒泡和事件捕獲 

CSS

1. BFC 的含義、特點和用途
2. Flex 布局（水平垂直居中等）
3. 項目中如何實現適配（設備字體、元素尺寸等）
4. margin 外邊距折疊問題

React 和 Vue 框架

1. React 和 Vue 的異同，項目開發中如何選擇
2. React 生命周期
3. React16 的新特性
4. Hooks 解決了什么問題
5. setState 后發生了什么
6. React 開發中的性能優化
7. Virtual Dom 和 Diff 的原理
8. PureComponent 是什么，相比於 class Component 做了什么優化
9. 無狀態組件和 class 組件的區別，實踐中如何應用
10. 容器組件和展示組件
11. 高階組件
12. 組件通信的方式
13. 用過哪些狀態管理工具（Redux、Redux-Saga、Mobx、Dva）
14. Vue 數據綁定的原理

HTTP 和 瀏覽器原理

1. 瀏覽器輸入 url 到呈現出內容發生了什么
2. 瀏覽器渲染的過程
3. 如何解決跨域問題
4. 重繪和重排
5. 瀏覽器如何實現緩存（強緩存和協商緩存）
6. 前端存儲技術（cookie、session、localStorage、sessionStorage）
7. HTTP2.0 相比於 HTTP1.0 做了哪些優化
8. 常見 HTTP 狀態碼（200，302，304，307）
9. 報文的內容

性能優化

1. 前端如何做性能優化
2. 開發中遇到過哪些想能問題，如何解決

Webpack

1. webpack 中常用的配置有哪些
2. 是否自己實現過插件
3. loader 和 plugin 分別做了什么事情
4. 項目開發中使用 webpack 對代碼做了哪些優化

【其他技術點】 

1. 圖片懶加載
2. 鏈表
3. 排序算法
4. 大數渲染
5. 正則表達式
6. promise
7. async await 實現原理
8. Css 如何畫一個三角形
9. react 如何實現 alert
10. 如何實現 bind 
11. 移動端適配方案
12. 服務器渲染

【項目相關】 

1. 項目中用過 TypeScript 嗎
2. 如何通過代碼記錄線上出現的問題 
3. 在項目中擔任怎樣的角色
4. 項目是如何推進落地的（從確定產品需求到最后開發上線的整個過程）
5. 介紹一個自己比較有成就感的項目
6. 項目中遇到的問題都是如何解決的
7. 如何學習一門新技術

【工作相關】 

1. 如何看待加班
2. 自己目前處於怎樣的一個階段
3. 希望找一家怎樣的公司
4. 職業規划

 

附：個人面試過的公司（在杭州求職的伙伴可以加微信或QQ：596291080 相互交流）

2018年：點我達、51 公積金、滴滴、微一案、個推、盈納集團、得圖網絡、酷家樂、眾安保險、網易金融、大搜車、未來酒店、CityDo、浙江華為、有贊

2019年：米雅、沃馳科技、天貓、小余教育、微拍堂、東家、微脈（求是同創）、騰展叮咚、格家網絡、志奧信息、塗鴉智能、評師教育、光年實驗室、推寶、兌吧、艾耕科技、凡聲科技

 

其他前端面試題參考：

總結了17年初到18年初百場前端面試的面試經驗(含答案)

前端九部 - 入門者手冊2019

前端面試技巧