2023年初參加了大大小小十多場面試，base杭州，現在把面試中被問到的問題記錄下來，我的技術棧主要是vue，所以和vue相關的問題比較多。
1、工作中遇到了哪些問題，怎麼解決的？
2、有沒有遇到過頁面效能問題，怎麼解決的？
3、你認為前端應該負責哪些東西
4、做過哪些有難度的事情？推動專案組的效率
5、做了哪些事情？工程化的東西有沒有
6、你的學習規劃是什麼
7、自己做的比較好的點
8、對乙個知識點的學習的路徑
1、解釋一下原型鏈
2、es6增加了哪些特性和方法
3、深拷貝和淺拷貝的區別，如何實現深拷貝
4、es6的class特性 class繼承與基於原型鏈的繼承方式有什麼區別
5、在class繼承裡面，在constructor中沒有呼叫super, 還可以取到this嗎
6、new乙個構建函式，如果沒有new , 應怎麼實現，包含幾步
7、es6可迭代的型別有哪些，可迭代型別有哪些特性
8、es6中**物件怎麼用
9、 promise怎麼用，怎麼終止
10、es5和es6的區別
11、變數a怎麼判斷是不是陣列
12、幾種定義函式的方法，有什麼區別
13、箭頭函式與普通函式相比有什麼區別，做了哪些改進
14、普通函式可以實現非同步嗎
1、樣式相容需要考慮哪些問題
2、dom元素的兩個屬性 ：attribute和property的區別和聯絡
3、如何獲取dom元素
4、h5新出的特性有哪些
5、清除浮動的方法， overflow 清除浮動的原理是什麼
7、高度塌陷的解決方法
1、請求回來的太大怎麼辦？想使用快取怎麼做？
2、說一下強快取和協商快取
3、http長連線和短連線
3、專案中發請求用什麼物件（axios or fetch），axios發請求需要傳哪些配置項
4、請求頭有哪些？ 支援跨域請求帶cookies在哪個字段裡面設定
5、上傳檔案axios應怎麼包裝請求體？header怎麼設定 ？
6、發個帶csrftoken的請求，在axios中應該則麼做？
7、axios***能做哪些事情？
8、談談對http2.0的理解
1、webpack打包時用到了哪些外掛程式，為什麼要用這些外掛程式
2、webpack在構建上有哪些優化方式嗎？如何優化讓打包時間減少
3、tree-shaking是基於什麼實現的？（es moudle）使用時需要注意什麼
4、單頁應用 （多入口不適用） 單頁應用怎麼實現打包（router）
5、專案的腳手架是怎麼搭建的
6、vue-cli中的webpack是怎麼支援es6的語法的
7、webpack構建過程，構建過程優化方式
8、分塊打包是什麼意思 怎麼做到分塊打包
9、webpack常見配置，loader和plugin的區別
1、vue中怎麼元件非同步載入？es moudle返回的是什麼東西
答：使用import
3、vue-router有幾種模式？有什麼區別
4、beforrouter可以做哪些事情？全域性鉤子
5、hash和history模式的話，後端需要怎麼配合你？
6、對於元件封裝的理解和感受
7、怎麼實現不同使用者許可權生成不同對應頁面
8、vue的使用版本
9、vue的data函式有兩種表達方式，這兩種分別用於什麼場景，有什麼區別
10、vue中指令適用於什麼場景
11、mock資料是怎麼實現的 mock.js是怎麼接收到請求的 (xhr的beforesend)
12、vue中有哪些指令 怎麼自定義指令 怎麼自己實現v-if
13、指令是怎麼工作的 ，指令在元件的哪些生命週期進行工作的
14、object.defineproperty()裡面有哪些引數，代表什麼意思
15、vue有哪些內建元件，元件是做什麼的 動態元件的概念
答：內建元件有（ keep-alive 、slot）
16、vuex怎麼定義乙個state？乙個state有哪些屬性成員
17、在vue中怎麼給新加的屬性做到響應式
答：使用object.defineproperty
18、自己使用vue封裝過哪些元件？講一下怎麼進行封裝的？怎麼使用的？
19、angular使用版本，angular定義服務的方法有哪些
20、angular資料繫結策略，mvc和mvvm
21、angular和vue的區別和理解
22、雙向繫結原理
23、陣列是如何實現雙向繫結的
24、虛擬dom是怎麼實現的？
25、、vue-cli的搭建，vue-cli所用版本，vue3.0了解嗎？
26、vue的生命週期
27、監聽鉤子
28、計算屬性怎麼使用
29、number在**定義
30、路由在專案中是怎麼用的
31、router的生命週期鉤子
32、vuex狀態管理
33、vue2.x的響應式原理
1、頁面圖表比較多的話滾動卡頓如何解決？
1、會話的保持機制是怎麼實現，實現機制是什麼
2、瀏覽器開啟新的標籤會話保持 重新開啟瀏覽器會話失效 為什麼會這樣
3、web快取的機制
年初受疫情影響，很多公司在招人時還是挺謹慎的，相對往年職位也少了很多，在整個求職過程中還是很慌的，當然菜是原罪。通過這段時間的面試讓我知道了自己存在的諸多問題，也希望在今後通過自己的努力盡快的將劣勢補足，拓寬自己的視野，前端不再只是寫寫樣式處理處理邏輯就可以了，它已經進入到了深水區，想要今後走的更遠，就要夯實基礎，不斷努力，緊跟技術的發展趨勢。多實踐總結，也希望今後自己能有機會接觸到資料量大的業務，在問題中去進行效能優化。
前端面試記錄
選擇器，有哪些選擇器，選擇器的權重 布局，如何實現響應式布局，flex布局的有哪些排序方式，如何實現乙個左邊固定寬，右邊100 自適應的布局 有哪些實現垂直居中的方式，實現乙個div在另乙個div中水平垂直居中 css預處理，有沒有聽過預處理的快速格式化 rem的實現方式，實現 待補充 let，va...
2020前端面試題
2020年 疫情影響著經濟，好多企業都裁員了，我所在的公司也不例外。所幸我不是其中之一。但是，金三銀四，即使不想換工作，也要評估一下自己在市場的價值。以下就是我 面試中遇到的一些問題 關於vue 1.vue元件的懶載入的原理？2.vue的元件通訊方式有哪些？3.你對mvvm的原理的理解 4.next...
2020前端面試題
以下是我自己面試時遇到的一些問題，react vue相關的另有專題。先列題目，答案慢慢更新 1.什麼是跨域？如何解決跨域？2.介紹下深拷貝和淺拷貝。深拷貝 增加乙個指標並申請了乙個新記憶體，新記憶體中存放拷貝的物件。兩者互不影響。順便講一下淺比較和深比較 3.原生js中,const定義的變數能否被修...