中級前端面試題2022

1、中級前端面試題2022中級前端面試題目總結如下：一、一個完整的URL解析過程：用戶輸入URL地址，對URL地址進行DNS域名解獲得IP地址，建立 TCP連接（三次握手），瀏覽器向web服務器發(fā)送一個HTTP請求報文，服 務器返回HTTP響應報文給客戶端，關閉TCP連接（四次揮手）,瀏覽器解析 文檔資源并渲染頁面。解析過程：瀏覽器解析的資源（html , svg,Xhtml等），解析完成后都會生 成一個完整的DOM Tree , css

2、資源則會解析成CSS Rule Tree ,生成之后進行 瀏覽器渲染，保證腳本執(zhí)行前已完成DOM渲染會放在body標簽結束之后。二、EventLoop 是什么?Event Loop即事件循環(huán)，是指瀏覽器或Node的一種解決JavaScript單線 程運行時不會阻塞的一種機制，也就是我們經常使用異步的原理，是T 程序結構, 用于等待和發(fā)送消息和事件。執(zhí)行過程：事件循環(huán)的111頁序,決定了 JavaScript代碼的執(zhí)行順序。它從 scr

3、ipt（整體代碼）開始第一次循環(huán)（即宏任務X之后全局上下文進入函數調用棧。 直到調用棧清空（只剩全局）,然后執(zhí)行所有的micro-task （微任務\當所有可 執(zhí)行的micro-task （微任務）執(zhí)行完畢之后。循環(huán)再次從macro-task （宏任務） 開始，找到其中一個任務隊列執(zhí)行完畢，然后再執(zhí)行所有的micro-task （微任 務），這樣一直循環(huán)下去。三、什么是HTTP和HTTPSHTTP :超文本傳輸協議，是一個基于請求與響

4、應，無狀態(tài)的，應用層的協每個聲明的屬性，都會有一個專屬的依賴收集器subs ,當頁面使用到某個屬 性時，觸發(fā)ObjectdefineProperty - get函數，頁面的watcher就會被 放至U 屬性的依賴收集器subs中，在數據變化時，通知更新；當數據改變的時候， 會觸發(fā)ObjectdefineProperty -set函數，數據會遍歷自己的依賴收集器 subs ,逐個通知watcher,視圖開始更新。Vue3.x雙向綁定響應式

5、健康里，Proxy可以直接監(jiān)聽對象和數組的變化, 并且有多達13種攔截方法。并且作為新標準將受到瀏覽器廠商重點持續(xù)的性能 優(yōu)化。Proxy只會代理對象的第一層，Vue3是怎樣處理這個問題的呢?判斷當 前Reflect.get的返回值是否為Object,如果是則再通過reactive方法做代理， 這樣就實現了深度觀測。監(jiān)測數組的時候可能觸發(fā)多次get/set,那么如何防止 觸發(fā)多次呢?我們可以判斷key是否為當前被代理對象target

6、自身屬性，也可 以判斷舊值與新值是否相等，只有滿足以上兩個條件之一時，才有可能執(zhí)行 trigger。六、vue的優(yōu)點是什么？低耦合。視圖(View )可以獨立于Model變化和修改，一個ViewModel 可以綁定到不同的“View“上,當View變化的時候Model可以不變，當 Model變化的時候View也可以不變。可重用性。你可以把一些視圖邏輯放在一個ViewModel里面，讓很多 view重用這段視圖邏輯。獨立開發(fā)。開發(fā)人員可以