web前端面試題[專案、功能、原理、測試等] 阿新 • • 發佈:2021-07-06 一、原理篇 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在效能優化方面的實踐