二面大概1h20min,全程節奏極快,問題圍繞前端性能、複雜交互、工程化與跨端架構
等深挖,需要同時懂底層原理、體驗優化和團隊協作,強度極大。
1.自我介紹:請結合你最有挑戰的前端項目(說明你如何解決過與字節場景類似的高性能頁面、複雜狀態管理或跨端兼容問題,並簡述你的技術決策邏輯)。
2.(上來開大) 如果讓你設計抖音的Web端播放器,要求支持億級用戶、視頻秒開、實時彈幕與手勢交互,請描述從視頻加載到交互響應的完整技術方案與核心挑戰。
3.一個普通的抖音H5活動頁突然成為全網熱點,訪問量激增導致頁面白屏率飆升。請描述一套從性能監控到應急處理,再到後續架構優化的完整解決方案。
4.如何實現抖音直播間百萬在線用戶的實時彈幕、點讚動畫與禮物特效?請對比WebSocket
、SSE
等方案,並說明渲染性能、消息堆積與客戶端體驗間的權衡。
5.你提到用Vue
/React實現複雜狀態管理,如果業務要求狀態持久化、跨頁面同步,並在用戶操作頻繁時保證UI響應流暢,你會如何設計?對比一下基於Redux/MobX
的狀態管理方案。
6.描述你在前端工程化中如何實施代碼分割、資源預加載與容錯降級。如果首屏依賴的某個JS模塊加載失敗,如何避免頁面崩潰並保障用戶體驗?
7.請設計一個類似字節跳動「抖音Web端圖片懶加載+預覽」的系統,需要保證圖片加載性能、手勢縮放流暢,並在高並發場景下避免卡頓。
8.手撕:實現一個支持並發請求緩存、過期自動清理的異步資源加載器,並保證同一資源不被重複加載。