首頁 / 面經(jīng)總結(jié)
#
面經(jīng)總結(jié)
#4417次瀏覽 31人互動
此刻你想和大家分享什么
2023-03-26 18:11
西安郵電大學(xué) Web前端 實習(xí) - 前端 - 字節(jié) offer
AI?？蓸罚?/span>一面：
1. 移動端適配可以使用pxtorem將px轉(zhuǎn)換為rem，因為rem相對于根元素的字體大小，可以根據(jù)屏幕大小自適應(yīng)調(diào)整，而px則不具備這個特性。
2. 原生的ajax發(fā)送get請求可以使用XMLHttpRequest對象，封裝可以將其封裝為一個函數(shù)，只有status為200才算成功。
3. 跨域問題可以通過設(shè)置服務(wù)器響應(yīng)頭Access-Control-Allow-Origin來解決，或者使用JSONP等方式。
4. 組件間的css樣式隔離可以使用CSS Modules、CSS in JS等方式。
5. 單獨設(shè)置組件庫的樣式可以通過設(shè)置類名或者使用CSS變量等方式。
二面：
1. 登錄鑒權(quán)可以使用token機制，續(xù)簽可以在token即將過期時重新請求服務(wù)器獲取新的token。
2. 手寫promise.all可以使用Promise構(gòu)造函數(shù)和Promise.all方法，處理傳入的元素不是promise的情況可以使用Promise.resolve方法將其轉(zhuǎn)換為promise。
3. 最大子數(shù)組和可以使用動態(tài)規(guī)劃算法或者分治算法解決。
4. 用戶行為分析平臺可以采集用戶的行為數(shù)據(jù)，分析用戶的行為模式、偏好等信息，并輸出相應(yīng)的數(shù)據(jù)報告，通過數(shù)據(jù)報告來判斷產(chǎn)品是否處于一個健康的狀態(tài)。
5. webpack的使用可以通過配置文件來實現(xiàn)，可以使用各種loader和plugin來處理不同的文件類型和任務(wù)。
三面：
1. 我是大學(xué)期間開始學(xué)習(xí)前端的，因為對于網(wǎng)頁設(shè)計和交互設(shè)計比較感興趣。
2. 學(xué)習(xí)哪些知識點比較困難，我認為是異步編程和原型鏈等比較抽象的概念。
3. Promise原理是基于回調(diào)函數(shù)的封裝，通過then方法將回調(diào)函數(shù)存儲在一個隊列中，等待異步操作完成后依次執(zhí)行。
4. 宏任務(wù)和微任務(wù)是異步任務(wù)的兩種類型，宏任務(wù)包括setTimeout、setInterval等，微任務(wù)包括Promise、MutationObserver等。
5. 路由的權(quán)限管理可以通過在路由跳轉(zhuǎn)前進行鑒權(quán)判斷，如果用戶沒有權(quán)限則跳轉(zhuǎn)到登錄頁面或者其他提示頁面。
6. PWA是一種漸進式Web應(yīng)用，可以通過Service Worker等技術(shù)實現(xiàn)離線緩存、推送通知等功能。
7. 最近在學(xué)習(xí)Vue源碼，diff算法流程是先進行同層級的節(jié)點比較，如果不同則直接替換，如果相同則繼續(xù)比較其子節(jié)點。
8. Web緩存系統(tǒng)需要注意緩存的有效期、緩存的清理機制、緩存的存儲方式等問題，大致的邏輯是先判斷是否有緩存，如果有則直接返回緩存數(shù)據(jù)，如果沒有則請求服務(wù)器并將響應(yīng)數(shù)據(jù)緩存起來。
查看12道真題和解析 
投遞字節(jié)跳動等公司7個崗位 > 點贊 評論 收藏
分享
青島乾程科技---嵌入式軟件開發(fā)--面經(jīng)
點贊 評論 收藏
分享
不愿透露姓名的神秘牛友
2023-06-29 16:05
點贊 評論 收藏
分享
玩命加載中