面試系列：總集篇

快來加入咱們吧！

"小和山的菜鳥們"，爲前端開發者提供技術相關資訊以及系列基礎文章。爲更好的用戶體驗，請您移至咱們官網小和山的菜鳥們 ( xhs-rookies.com/ ) 進行學習，及時獲取最新文章。css

"Code tailor" ，若是您對咱們文章感興趣、或是想提一些建議，微信關注 「小和山的菜鳥們」 公衆號，與咱們取的聯繫，您也能夠在微信上觀看咱們的文章。每個建議或是贊同都是對咱們極大的鼓勵！html

面試系列不按期更新，請隨時關注前端

2021 年秋招立刻來了，不少小夥伴也開始着手準備暑假實習、秋招。vue

可是又不知道面試會考哪些知識點，不知道如何準備面試，很是煩惱。react

並且不一樣公司面試風格也不盡相同，有些公司偏向於網絡方面的內容，有些公司偏向於JavaScript/ES6基礎知識，有些公司啥都問，內容複雜且知識點廣，對於小夥伴來講是一件很頭疼的事情。ios

爲此，咱們爭作排頭兵，歷時 62 天，共面試 20+公司，最終斬獲 offer。css3

咱們將咱們面試的經歷整理出來，準備了一整套面試題，包含面試涉及到的方方面面。而且咱們還會開設專門的課題精講，將那些重、難題目拿出來分析彙總，幫助你們進一步鞏固知識。web

最後，祝你們均可以斬獲本身心儀的 offer ！面試

咱們此次面試 20+公司的面試題進行了歸類和彙總。分類整理出如下幾大模塊：算法

以上幾個模塊都有 10-20 餘道面試題目，除此以外，咱們還會爲重點題目，重難知識點獨立拿出來解析，爲你們梳理邏輯，講清內容。

咱們會在後續幾篇文章中將這幾個模塊的題目進行解析，敬請期待！

html+css
flex 佈局幾個屬性，如何使用。
css3 相比於 css2 多了什麼
什麼是 BFC
佈局設計：頂部固定，下方滾動頁面
怎麼在一個盒子裏面展現一個大小不定的圖片（不能出現閃動）
請說明 Html 佈局元素的分類有哪些？描述每種佈局元素的應用場景
Html 標籤 b 和 strong 的區別
說一下減小 Dom 數量的辦法？一次加載大量 Dom 怎麼優化
Html5 有哪些新特性？如何處理新標籤的瀏覽器兼容問題？
a 標籤默認時間禁用後作了什麼才能實現跳轉
meta 元素都有什麼

框架
虛擬 DOM（什麼是虛擬 DOM，爲何會出現，用來幹什麼，哪些框架裏面有？）
雙向綁定的實現原理，以及在 vue 中是如何實現的
react 中的 diff 算法
react 和 vue 的區別
react 中 redux 思想以及使用
react 經常使用的生命週期及其執行順序
react hooks 的做用究竟是什麼
react router 什麼做用，你怎麼使用的
react 中類組件和函數組件的區別
redux 和 vuex 二者的認識和區別

網絡/存儲
什麼是 HTTP 請求
什麼是跨域
有哪幾種解決跨域的方法，各自優劣性。
jsonp 解決跨域問題原理和存在的問題
http2 和 http1 的區別
HTTPS 和 HTTP 區別
GET 和 POST 到底有什麼區別
HTTP 裏面的緩存機制
網絡請求狀態碼
OSI/TCP 模型有哪幾個部分
axios 實際上作了什麼事情
如何解決 localstroage 的跨域問題
cookie、localstroage、sessionstroage 區別

手寫程序題/算法題
程序輸出題目：構造函數與實例對象間的屬性問題
程序編程題：flat、拍平數組、本身實現拍平數組的效果
程序編程題：本身實現 promise all
程序編程題：本身實現 reducer
程序編程題：URL 解析爲對象
程序編程題：使用 settimeout 寫一個 setinterval
算法題：無重複字符最大子串的問題
算法題：二叉樹的前中後遍歷
算法題：迷宮問題
算法題：手寫冒泡排序
算法題：不徹底的二叉樹的倒置

下節咱們將爲你們帶來 JavaScript / ES6 的面試題解，敬請期待！