經歷

7月份開放的簡歷，收到了蠻多詢問和麵試，算是招人旺季，需要跳槽的小夥伴抓住機會。一開始廣泛看面試題，沒抓住重點複習，有很多平時也沒怎麼用到，導致一開始面試的時候，問的問題看過，但是都記不清答得不太好，所以一開始的面試都掛了，但是之後針對性的補全知識之後就比較順利，也找到感覺了，基本上後面的面試都順利通過。現在是面試了8家公司左右，有些高頻問題會標記次數/總次數，可供大家參考。

面試題記錄

js類

1. addEventListener,第三個參數的作用
2. js事件階段（捕獲>目標>冒泡），阻止冒泡有哪些方法（3/8）
3. 如何監聽dom的變動（Mutation Observer）
4. 簡述Event loop/描述場景問你執行順序等，要熟悉事件循環機制（4/8）
5. 瞭解宏任務和微任務嗎，請各舉幾個常見的例子/宏任務與微任務哪個先執行（3/8）
6. 簡述原型，原型鏈/描述場景問指向等（3/8）
7. es6平時開發中常用那些屬性（2/8）
8. es6的class與其繼承如何實現（2/8）
9. 箭頭函數和普通函數有什麼區別/箭頭函數的優點
10. promise的狀態（peding,fulfilled,rejected，狀態一旦確定不可更改）
11. call，apply，bind的作用與不同之處
12. 你知道幾種深拷貝的方法

html類

1. html5有什麼新的特性

css類

1. 簡述下flex佈局
2. 簡述下grid佈局
3. 你可以用幾種方式來實現水平垂直居中
4. css3有哪些新的屬性
5. position有哪些值/absolute以什麼作為父級/簡述sticky屬性（3/8）
6. 瞭解BFC嗎，BFC可以用來解決什麼問題
7. display:none和visibliy:hidden的區別

vue類（簡歷中有寫常用技術棧為vue）

1. 雙向綁定原理（頻率很高，6/8左右，建議在面試前手寫一個簡單的雙向綁定，有可能面試官會直接問compile，watcher，Observe，deps的功能和之間的聯繫）
2. vue3.0和2.0雙向綁定的區別，這樣的改動有什麼好處（2/8）
3. vue-router的實現原理，history和hash模式有什麼區別
4. 虛擬dom為什麼效率高
5. 請描述vue生命週期
6. keep-alive是否與普通組件有一樣的生命週期，如果不是，它有哪些鉤子（2/8）
7. vue如何實現seo/為什麼會被seo搜索到，ssr的生命週期與普通vue生命週期有什麼不一樣
8. computed如何得知數據變化/computed有緩存嗎（2/8）
9. $nextTick原理
10. vue父子組件傳參有哪些方式（5/8）
11. v-if和v-show有什麼區別（3/8）

http類

1. 跨域有哪些方式，有些面試會問jsonp和Nginx的原理，其他的原理倒是沒怎麼問（★跨域面試必問）
2. jsonp回調函數參數格式/如何設置回調（類似這樣的問題，有點記不清了）
3. 後端修改請求頭，實現cros跨域時，在發送post請求之前會先發送什麼
4. 列舉一些http狀態碼，每一類起碼都要列出幾個來（3/8）
5. http，tcp，ip各處在什麼層
6. http2.0與http1.x相比有哪些優化/http發展歷程
7. http都有哪些請求方式
8. 瞭解過http連接池嗎
9. 瀏覽器的緩存機制，如何實現協商緩存（etag）（3/8）
10. 簡述從瀏覽器輸入地址到頁面渲染完成之間發生了什麼

性能類

1. 實際項目中做過的性能優化，優化之後效果怎麼樣（★性能優化幾乎必問）
2. 一個頁面中有大量的數據，如何優化頁面(3/8)
3. 一個頁面中有大量的圖片，如何優化頁面(2/8)
4. 圖片除了雪碧圖，還有什麼可以優化的方式
5. 為什麼gzip不壓縮圖片
6. 單頁應用的首屏優化
7. 請簡述cookie,localstorage,sessionstorage的區別(2/8)

技術其他類

1. 平時的工作中如何保證產品在不同瀏覽器中的兼容問題
2. 有考慮過前端模塊化的問題嗎
3. 對webpack有沒有了解，自己有寫過webpack配置文件嗎/是否有改過webpack的配置
4. 對腳手架工具有沒有了解，自己有實現過嗎
5. 搭建項目時會對整體的開發做哪些考慮/搭建項目時會考慮哪些因素，會做哪些規劃
6. 如何製作骨架屏
7. 是否瞭解過seo
8. 簡述mvc和mvvm
9. 請簡述重繪和重排(2/8)
10. （如果簡歷有寫使用ts）簡述使用ts的好處

非技術類

1. 職業規劃，目前有沒有為下一個階段目標做什麼儲備工作（3/8）
2. 如果有做過組長或類似管理經驗，會問平時的管理類工作有那些，如何管理組員和調配工作，或者績效考核的標準是什麼，怎樣帶領大家成長，怎樣提高大家的效率等問題（★如果簡歷有寫，必問）
3. 如果在工作中遇到產品提出一個急切的需求，在手頭有工作的情況下如何處理
4. 遇到奇葩需求或者不好做的需求如何處理
5. 離職原因（★）
6. 對行業的要求，對新公司和新團隊的期望等（4/8）
7. 最近有在學什麼新技術嗎（3/8）

最後

基礎知識非常重要。

有些時候你的技術範圍和麵試公司的可能不太一致，導致最後沒能拿到offer，也不要太難過，不一定是你的問題。

面試的時候會比較高密度的問各種問題，有很多在面試完之後忘記了，這裡只留下了部分。如果在面試過程中和麵試官有良性互動，聊的比較好的，基本上都能通過，就算很多問題答不出來也要讓面試官覺得你有潛力之類的（個人感覺僅供參考）。

最後祝大家面試順利，拿到心儀的offer，寫錯的地方請不吝賜教，謝謝。