2025前端面試真題以及答案-不斷整理中,問題來源于牛客真題

一、

  1. 項目
  2. 內存泄露
  3. react與vue的渲染機制有哪些不同
  4. react fiber架構
  5. vue2與3,為什么用proxy代替defineproperty
  6. 性能優化有哪些
  7. 三欄布局實現方式
  8. 重排與重繪
  9. 一個對話聊天框如何減少重排(我回答的是絕對定位,將聊天框定位在下面,類似于kimi,面試官說是一種方法,還有其他的)
  10. 弱網環境下優化
  11. 寫一個promise重試機制函數

二、

  1. 說一下兩個項目里最能體現前端技能有哪些地方
  2. 為什么選擇做開發,開發中又選擇做前端呢
  3. 項目中遇到的跨域問題,怎么解決的
  4. 前端在安全這個階段有哪些注意事項,應該怎么解決
  5. 一鍵切換主題有什么樣的實現思路
  6. localStorage在你的項目里用來做什么
  7. 登錄是怎么做的
  8. JWT知道是什么嗎?規則是什么
  9. 登陸保存在本地,安全性怎么辦
  10. 如果是學校機房,上一個人下機,后面一個人上機,會復用這個token怎么辦
  11. 另外一個場景,一個人一整天都在這個網頁上,那設置以后每次過期都要重新登陸一次,怎么辦?
  12. 描述一下閉包是什么
  13. 閉包的優缺點
  14. 說一下對事件循環
  15. js里面計時器是精確的嗎
  16. svg和canvas的區別
  17. 前端怎么開啟硬件加速
  18. 你覺得前端三大件,你哪一個學習的相對好一些
  19. 正則的了解程度

三、字節前端面經-tiktok基礎架構組
項目:

  1. 為什么選擇 jotai? not redux/zustand
  2. 怎么處理循環狀態引用?
  3. jotai 怎么實現狀態改變,其他模塊不 re-render?
  4. 怎么避免 ssr 水合閃爍?(高頻)
  5. Webpack 的 loader 和 plugin
  6. Webpack 怎么處理模塊循環引用?
  7. Webpack 的構建流程優化
    代碼題:
  8. 三欄布局
  9. n道this、閉包、作用域
  10. 模版字符串
  11. 數組 reader

四、

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/91307.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/91307.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/91307.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

雷軍的 IP 革命:人格化力量如何重塑商業規則|創客匠人

小米 YU7 發布會 3 分鐘售罄 20 萬臺的奇跡,撕開了一個時代真相:當商業競爭進入深水區,決定勝負的不再是產品參數,而是創始人 IP 的人格穿透力。雷軍僅憑個人影響力撬動數十億級交易,這絕非偶然,而是人格化…

SpringBoot3:應對C10K并發挑戰的優化指南

嘿,哥們!還在為服務的并發量上不去而頭疼嗎?用戶量一上來,CPU、內存就告急,接口響應慢得像蝸牛?別慌,今天我們就來盤一盤,怎么用最新的Spring Boot 3,把服務性能調教到極…

響應式編程入門教程第三節:ReactiveCommand 與 UI 交互

響應式編程入門教程第一節:揭秘 UniRx 核心 - ReactiveProperty - 讓你的數據動起來! 響應式編程入門教程第二節:構建 ObservableProperty<T> — 封裝 ReactiveProperty 的高級用法 響應式編程入門教程第三節&#x…

500+技術棧覆蓋:Web測試平臺TestComplete的對象識別技術解析

在用戶界面(UI)測試領域,傳統的測試工具往往依賴于XPath或CSS選擇器來定位頁面元素。然而,在面對動態變化的界面、多語言支持或是跨越多種技術框架的應用時,這些傳統方法常導致腳本失效,增加了維護成本。 …

研究人員利用提示注入漏洞繞過Meta的Llama防火墻防護

Trendyol應用安全團隊發現了一系列繞過技術,使得Meta的Llama防火墻在面對復雜的提示注入攻擊時防護失效。這一發現引發了人們對現有大語言模型(LLM)安全措施準備情況的擔憂,并凸顯出在企業日益將大語言模型嵌入工作流程時&#xf…

Shell 腳本系統學習 · 第5篇:多命令順序執行的三種方式詳解(`;`、``、`||`)

在日常的 Linux 運維與腳本編寫中,我們經常需要依次執行多條命令。本篇將帶你徹底搞懂三種命令順序執行方式:;、&& 和 ||,并通過實用示例掌握它們的區別與應用場景。一、為什么要了解多命令執行方式? 在實際運維或腳本編寫…

K8s存儲系統(通俗易懂版)

Kubernetes中存儲中有四個重要的概念:Volume、PersistentVolume PV、PersistentVolumeClaim PVC、StorageClass一、存儲系統核心概念Volume(卷)定義:Kubernetes 中最基礎的存儲單元,用于將外部存儲掛載到 Pod 中的容器…

小白學Python,標準庫篇——隨機庫、正則表達式庫

一、隨機庫1.隨機生成數值在random庫中可以隨機生成數值的方法有uniform()、random()、randint()、randrange()等。(1)uniform()方法uniform(參數1, 參數2)方法用于生成參數1到參數2之間的隨機小數,其中參數的類型都為數值類型。示例代碼&…

Qt窗口:菜單欄

目錄 一、窗口預覽 二、菜單欄 快捷鍵 子菜單 分割線 圖標 內存泄露 一、窗口預覽 在前面幾篇文章中,或者說,Qt初學階段,接觸到的都是QWidget,QWidget指控件,往往作為一個窗口的一部分出現。所謂的窗口&#x…

STM32裸機開發(中斷,輪詢,狀態機)與freeRTOS

裸機:沒有操作系統,程序是單流程的(比如一個大循環里依次執行各個功能,或者用中斷嵌套處理事件)。優點是資源占用極少(幾乎不占 RAM/Flash)、執行流程直觀;但復雜項目里,…

電腦上如何查看WiFi密碼

打開控制面板>點擊網絡和Internet在查看網絡和共享中心找到網絡狀態和任務點擊進去點擊連接的WLAN在WLAN狀態中點擊無線屬性在無線網絡屬性中點擊安全,點擊顯示字符(H)就可以顯示密碼了

文心一言4.5企業級部署實戰:多模態能力與Docker容器化測評

隨著大語言模型在企業服務中的應用日益廣泛,如何選擇一款既能滿足多模態創作需求,又具備良好企業級適配性的AI模型成為了關鍵問題。文心一言4.5作為百度最新開源的大模型,不僅在傳統的文本處理上表現出色,更是在多模態理解和企業級…

VUE Promise基礎語法

目錄 異步和同步 異步的問題 new Promise語法 promise的狀態 promise.then() Promise.resolve() Promise.reject() Promise.all() Promise.race() Promise.catch() Promise.finally() 異步和同步 同步模式下,代碼按順序執行,前一條執行完畢后…

用TensorFlow進行邏輯回歸(六)

import tensorflow as tfimport numpy as npfrom tensorflow.keras.datasets import mnistimport time# MNIST數據集參數num_classes 10 # 數字0到9, 10類num_features 784 # 28*28# 訓練參數learning_rate 0.01training_steps 1000batch_size 256display_step 50# 預處…

【HTTP版本演變】

在瀏覽器中輸入URL并按回車之后會發生什么1. 輸入URL并解析輸入URL后,瀏覽器會解析出協議、主機、端口、路徑等信息,并構造一個HTTP請求(瀏覽器會根據請求頭判斷是否又HTTP緩存,并根據是否有緩存決定從服務器獲取資源還是使用緩存…

Android 16系統源碼_窗口動畫(一)窗口過渡動畫層級圖分析

一 窗口過渡動畫 1.1 案例效果圖1.2 案例源碼 1.2.1 添加權限 (AndroidManifest.xml) <!-- 系統懸浮窗權限&#xff08;Android 6.0需動態請求&#xff09; --> <uses-permission android:name"android.permission.SYSTEM_ALERT_WINDOW" />1.2.2 窗口顯示…

騰訊云WAF域名分級防護實戰筆記

基于業務風險等級、合規要求及騰訊云最佳實踐&#xff0c;提供可直接落地的配置方案&#xff0c;供學習借鑒&#xff1a;一、域名分級與防護原則1. ?域名分級清單&#xff08;核心資產&#xff09;???主域名??業務類型??風險等級??合規要求??防護等級?example.com…

1. 請說出你知道的水平垂直居中的方法

總結 容器 flex 布局&#xff0c;jsutify-content: center; align-items: center;容器 flex 布局&#xff0c;子項 margin: auto;容器 relative 布局&#xff0c;子項 absolute 布局&#xff0c;left: 50%; top: 50%; transform: translate(-50%, -50%);子項 absolute 布局&…

VS Code `launch.json` 完整配置指南:參數詳解 + 配置實例

文章目錄&#x1f4e6; 一、基本結構&#x1f50d; 二、單個配置項詳解示例配置&#xff1a;&#x1f9e9; 三、字段說明與可選值&#x1f4c1; 四、常用變量&#xff08;宏替換&#xff09;&#x1f6e0;? 五、常見配置實例1?? 調試當前打開的 .py 文件2?? 調試 Jupyter …

使用瀏覽器inspect調試wx小程序

edge://inspect/#devices調試wx小程序 背景&#xff1a; 在開發混合項目的過程中&#xff0c;常常需要在app環境排查問題&#xff0c;接口可以使用fiddler等工具來抓包&#xff0c;但是js錯誤就不好抓包了&#xff0c;這里介紹一種調試工具-瀏覽器。 調試過程 首先電腦打開edg…