前端面試題

先隨便貼出來 後續整理

通常先會問些基礎概念問題 好比

深淺拷貝

做用域

this指向

能回答上再延伸到原型，原型鏈，js繼承的的幾種方法以及優缺點。

watch深度監聽幾乎是全軍覆沒，

mvvm原理更是沒一人能答上，

回答幾乎是清一色的：M是模型，V是視圖，viewModel是視圖模型。這只是概念而不是原理，概念是能夠背的，原理是靠理解的

es6的哪些特性，大多回答都是停留在解構賦值以及let const的階段。

 

計算機網絡，事件循環機制，閉包，this

三次握手和四次揮手

詳細介紹TCP有哪些手段保證可靠交付

URL從輸入到頁面渲染全流程

如何預防中間人攻擊DNS解析會出錯嗎，爲何

ES6的Set內部實現

如何防止頁面劫持算法：top-K問題，分紅top-1,top-2,top-K三小問

webpack的plugins和loaders的實現原理

vue和react談談區別和選型考慮

webpack如何優化編譯速度

事件循環機制

node和瀏覽器的事件循環機制區別

算法:柯里化實現和two-sum問題

 

typescript有什麼好處

vue項目中如何約束rxjs數據的類型 r

xjs高階數據流定義，

經常使用高階數據流操做符

JWT優缺點

選擇器優先級

基本數據類型

RxJS冷熱流區別

RxJS調試方法

nginx負載均衡配置

前端性能優化手段

針對React的性能優化手段

301 302 307 308 401 403

vue的nextTick實現原理以及應用場景

vue組件間通訊

談談XSS防護，以及Content-Security-Policy細節

 

手寫冒泡排序JWT細節

ES6特性

閉包和this一塊兒談談

postcss配置Promise內部實現原理

vuex, mobx, redux各自的特色和區別

react生命週期各方面談談性能優化serviceworker

如何保證離線緩存資源更新

virtual dom有哪些好處

Vue3 proxy解決了哪些問題？

Vue響應式原理髮布訂閱模式和觀察者模式的異同

圖片懶加載實現

css垂直居中

CI/CD流程

談談性能優化

 

react生命週期

key的做用

hooksvue和react區別，

選型考慮canvas優化繪製性能

webpack性能優化手段

事件循環

如何解決同步調用代碼耗時過高的問題

手寫Promise實現

如何實現登陸功能

 

Promise實現原理

vue組件間通訊

性能優化

vuex數據流動過程

談談css預處理器機制

算法：

Promise串行

CI/CD總體流程性能優化

 

vue組件間通訊

react和vue更新機制的區別

Vue3 proxy的優劣

性能優化

symbol應用深拷貝

SSR對性能優化的提高

dns解析流程 

 

跨域性能優化

vue和react選型

比較ssr優缺點

貝塞爾曲線

 

 

 跨域方案題：不一樣前端技術棧的項目，如何實現一套通用組件方案？

場景題:

一個氣球從右上角移動到中間，而後抖動，如何實現

一個關於外邊距合併的高度計算 mobx-react如何驅動react組件重渲染forceUpdate經歷了哪些生命週期，子組件呢?React key

React key場景題列表使用index作key，刪除其中一個後，如何表現？