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

前端面試技巧