1. 程式人生 > 其它 >web前端面試題[專案、功能、原理、測試等]

web前端面試題[專案、功能、原理、測試等]

一、原理篇

1、介紹觀察者模式

2、介紹中介者模式

3、觀察者和訂閱-釋出的區別,各自用在哪裡

4、介紹事件代理以及優缺點

5、tcp3次握手

6、tcp屬於哪一層(1 物理層 -> 2 資料鏈路層 -> 3 網路層(ip)-> 4 傳輸層(tcp) -> 5 應用層(http))

7、前端開發中用到哪些設計模式

8、介紹下數字簽名的原理

8、Promise.all實現原理

二、演算法/程式設計篇

1、介紹AST(Abstract Syntax Tree)抽象語法樹

2、柯里化函式兩端的引數具體是什麼東西

3、介紹二叉搜尋樹的特點

4、[1, 2, 3, 4, 5]變成[1, 2, 3, a, b, 5]

5、如何找0-5的隨機數,95-99呢

6、手寫陣列扁平化函式

7、寫一個倒計時函式

8、寫一個函式,給定一棵樹,輸出這棵樹的深度

9、寫一個函式,給定一個url和最大深度maxdeep,輸出抓取當前url及其子連結深度範圍內的所有圖片

10、寫一個函式,給定nodes=[],每一個節點擁有id,name,parentid,輸出一個屬性列表的展示(涉及dom操作)

11、"123456789876543212345678987654321..."的第n位是什麼?

三、測試篇

1、前端怎麼做單元測試

2、pm2怎麼做程序管理,程序掛掉怎麼處理

3、不用pm2怎麼做程序管理

四、瞭解篇

1、對PWA有什麼瞭解

2、RESTful常用的Method

3、base64為什麼能提升效能,缺點

4、介紹webp這個圖片檔案格式

5、介紹DNS解析

6、介紹SSL和TLS

7、介紹非同步方案

8、對無狀態元件的理解

9、介紹快速排序

10、介紹下DFS深度優先

五、通訊篇

1、ajax如何處理跨域

2、Ajax發生跨域要設定什麼(前端)

3、跨域jsonp方案需要服務端怎麼配合

4、Async裡面有多個await請求,可以怎麼優化(請求是否有依賴)

5、ajax的步驟

6、CORS如何設定

7、jsonp為什麼不支援post方法

8、axios有什麼特點?

六、優化及語義

1、前端需要注意哪些SEO

2、如何進行網站效能優化

3、語義化的理解

4、CSS在效能優化方面的實踐