編程開發(fā)面試寶典及常見問題解答前端開發(fā)常見問題HTML/CSS基礎(chǔ)1.HTML語義化標(biāo)簽的理解-語義化標(biāo)簽如`<header>`,`<nav>`,`<main>`,`<article>`,`<section>`,`<aside>`,`<footer>`等，不僅有助于SEO優(yōu)化，還能提升代碼可讀性，便于維護(hù)。在面試中，應(yīng)能闡述各標(biāo)簽的適用場景及優(yōu)勢。-例：`<nav>`用于頁面導(dǎo)航，`<article>`用于獨立內(nèi)容，`<aside>`用于補(bǔ)充信息。2.CSS選擇器的優(yōu)先級-優(yōu)先級計算順序：內(nèi)聯(lián)樣式>ID選擇器>類選擇器>標(biāo)簽選擇器>通配符選擇器。-特殊情況：`!important`可覆蓋所有默認(rèn)優(yōu)先級，但應(yīng)謹(jǐn)慎使用。-繼承和層疊規(guī)則：CSS屬性會從父元素繼承，但會被同級別或更具體的樣式覆蓋。3.Flexbox與Grid布局-Flexbox適用于一維布局（行或列），Grid適用于二維布局。-常見問題：如何實現(xiàn)等高布局？如何對齊元素？如何處理Flex項的反向排列？-例：Flexbox等高布局可通過`align-items:stretch`實現(xiàn)；Grid布局通過`grid-template-rows`設(shè)定行高。JavaScript核心1.原型與繼承-原型鏈：對象通過`__proto__`或`Object.getPrototypeOf()`指向其原型，最終可追溯至`Ototype`。-ES6Class語法：是語法糖，最終仍通過構(gòu)造函數(shù)和原型鏈實現(xiàn)。-例：`classPerson{}`等價于傳統(tǒng)構(gòu)造函數(shù)`functionPerson(){}`。2.閉包與作用域-閉包：函數(shù)及其詞法環(huán)境的組合，可訪問外部作用域變量。-應(yīng)用：模塊化開發(fā)、防抖節(jié)流、私有變量。-例：`functioncreateCounter(){letcount=0;return{increment(){count++},decrement(){count--},getCount(){returncount}}}`。3.異步編程-Promise：狀態(tài)機(jī)（pending,fulfilled,rejected），支持`.then()`,`.catch()`,`.finally()`。-async/await：基于Promise的語法糖，簡化異步代碼。-例：`asyncfunctionfetchData(){try{constdata=awaitfetch('api').then(r=>r.json());console.log(data);}catch(e){console.error(e);}}`。4.事件循環(huán)（EventLoop）-主線程執(zhí)行同步代碼，宏任務(wù)（setTimeout,setInterval,I/O）和微任務(wù)（Promise,process.nextTick）分別進(jìn)入不同隊列。-順序：同步代碼→宏任務(wù)（按添加順序）→微任務(wù)（清空所有微任務(wù)）→回到宏任務(wù)。-例：`console.log('1');setTimeout(()=>console.log('2'),0);Promise.resolve().then(()=>console.log('3'));console.log('4');`輸出順序：1,4,3,2。前端性能優(yōu)化1.加載優(yōu)化-代碼分割（Webpack的`SplitChunks`）。-懶加載（`IntersectionObserver`實現(xiàn)圖片懶加載）。-緩存策略（HTTP緩存頭`Cache-Control`,`ETag`）。-CDN分發(fā)靜態(tài)資源。2.渲染優(yōu)化-減少重排（`transform`,`opacity`屬性變化不會觸發(fā)重排）。-使用虛擬DOM（React,Vue）減少直接DOM操作。-`will-change`屬性預(yù)告瀏覽器進(jìn)行優(yōu)化。3.網(wǎng)絡(luò)優(yōu)化-HTTP/2多路復(fù)用減少請求。-Gzip/Brotli壓縮。-WebP格式圖片。-DNS預(yù)解析。常見框架1.React-Hooks：`useState`,`useEffect`,`useContext`等。-性能優(yōu)化：`React.memo`,`useMemo`,`useCallback`。-狀態(tài)管理：ContextAPIvsRedux/MobX。2.Vue-響應(yīng)式原理：Object.defineProperty。-組件生命周期：`created`,`mounted`,`updated`,`unmounted`。-持續(xù)更新：Vue3的CompositionAPI。3.Angular-TypeScript基礎(chǔ)：類型系統(tǒng)、泛型。-RxJS：響應(yīng)式編程。-模塊化：NgModule定義。移動端開發(fā)1.響應(yīng)式設(shè)計-百分比寬度+`mediaquery`。-移動端適配方案：rpx,vw/vh。2.混合開發(fā)-NativeBridge：WebView與原生代碼交互。-小程序框架：Taro,uni-app。3.性能監(jiān)控-FPS監(jiān)控。-布局偏移問題（`px`與`rpx`混用）。后端開發(fā)常見問題基礎(chǔ)知識1.數(shù)據(jù)結(jié)構(gòu)與算法-常見數(shù)據(jù)結(jié)構(gòu)：數(shù)組、鏈表、棧、隊列、哈希表、樹、圖。-算法：排序（快排、歸并）、查找（二分）、動態(tài)規(guī)劃。-時間/空間復(fù)雜度分析：大O表示法。2.操作系統(tǒng)-進(jìn)程與線程：區(qū)別與聯(lián)系，進(jìn)程間通信（IPC）。-內(nèi)存管理：虛擬內(nèi)存、分頁、分段。-Linux命令：`grep`,`sed`,`awk`,`top`,`netstat`等。3.計算機(jī)網(wǎng)絡(luò)-TCP/IP模型：應(yīng)用層、傳輸層、網(wǎng)絡(luò)層、數(shù)據(jù)鏈路層、物理層。-HTTP協(xié)議：請求方法、狀態(tài)碼、頭部字段。-HTTPS：TLS/SSL加密過程。-DNS解析過程。編程語言1.Java-JVM內(nèi)存模型：堆、棧、方法區(qū)。-集合框架：List,Set,Map實現(xiàn)原理。-并發(fā)編程：`synchronized`,`volatile`,`Lock`,`Atomic`類。-JVM調(diào)優(yōu)：GC日志分析、參數(shù)設(shè)置。2.Python-GIL鎖：解釋器層面限制。-虛擬環(huán)境：`venv`,`virtualenv`。-異常處理：`try-except`。-Web框架：Flask,Django。3.Go-GMP模型：Goroutine,Machine,Processor。-協(xié)程調(diào)度：搶占式。-`defer`機(jī)制：棧式調(diào)用。-`context`包：請求取消與超時。4.Node.js-單線程事件循環(huán)：異步非阻塞。-模塊系統(tǒng)：CommonJS。-Buffer機(jī)制：二進(jìn)制數(shù)據(jù)處理。-常見包：Express,Koa,Knex。數(shù)據(jù)庫1.關(guān)系型數(shù)據(jù)庫-事務(wù)ACID特性：原子性、一致性、隔離性、持久性。-索引原理：B+樹、哈希索引。-SQL優(yōu)化：`EXPLAIN`分析執(zhí)行計劃。-熱點更新問題：行鎖、表鎖。2.NoSQL數(shù)據(jù)庫-Redis：數(shù)據(jù)類型、持久化（RDB,AOF）、主從復(fù)制。-MongoDB：文檔模型、聚合查詢。-Cassandra：列式存儲、LSM樹。-適用場景：緩存、消息隊列、分布式存儲。3.數(shù)據(jù)庫設(shè)計-范式理論：1NF,2NF,3NF,BCNF。-反范式：犧牲一致性提升性能。-分庫分表：水平切分、垂直切分。分布式系統(tǒng)1.負(fù)載均衡-策略：輪詢、隨機(jī)、加權(quán)輪詢、最少連接。-Nginx配置：`upstream`,`server`塊。-常見負(fù)載均衡器：LVS,HAProxy,F5。2.緩存策略-緩存失效：主動失效、被動失效。-緩存穿透：布隆過濾器。-緩存雪崩：設(shè)置不同的過期時間。-緩存更新：Write-Through,Write-Behind。3.分布式事務(wù)-2PC：兩階段提交。-TCC：Try-Confirm-Cancel。-本地消息表：可靠消息最終一致性。4.微服務(wù)架構(gòu)-服務(wù)注冊與發(fā)現(xiàn)：Consul,Nacos,Eureka。-API網(wǎng)關(guān)：Zuul,SpringCloudGateway。-服務(wù)熔斷：Hystrix,Sentinel。-配置中心：Apollo,Nacos。DevOps與工具1.版本控制-Git工作流：`branch`,`merge`,`rebase`。-常用命令：`commit`,`push`,`pull`,`status`。-代碼審查：PullRequest。2.CI/CD-Jenkins：Pipeline腳本。-Docker：鏡像構(gòu)建、容器編排。-Kubernetes：Pod,Service,Ingress。3.監(jiān)控與日志-監(jiān)控工具：Prometheus,Zabbix,Grafana。-日志系統(tǒng)：ELK,EFK。-告警通知：Slack,釘釘。系統(tǒng)設(shè)計核心概念1.CAP理論-一致性、可用性、分區(qū)容錯性。-分布式系統(tǒng)無法同時滿足三者，需根據(jù)場景取舍。2.BASE理論-BasicallyAvailable（基本可用）、Softstate（軟狀態(tài)）、Eventuallyconsistent（最終一致性）。3.可伸縮性-水平擴(kuò)展vs垂直擴(kuò)展。-數(shù)據(jù)庫擴(kuò)展：分庫分表、讀寫分離。設(shè)計原則1.高可用-多副本部署。-健康檢查與熔斷。-異地多活：多數(shù)據(jù)中心。2.高性能-CDN緩存。-數(shù)據(jù)庫索引優(yōu)化。-異步處理。3.可維護(hù)性-代碼規(guī)范。-文檔完善。-單元測試。常見場景1.秒殺系統(tǒng)-數(shù)據(jù)庫鎖：行鎖、樂觀鎖。-分布式鎖：Redis,ZooKeeper。-流量控制：令牌桶算法。2.消息隊列-Kafka：高吞吐、持久化。-RabbitMQ：多種交換機(jī)類型。-適用場景：解耦、異步、削峰填谷。3.分布式計數(shù)器/排行榜-Redis原子操作：`INCR`。-分布式鎖保護(hù)。-分區(qū)存儲。4.分布式ID生成-數(shù)據(jù)庫自增ID+應(yīng)用層補(bǔ)償。-Snowflake算法。-UUID。面試技巧與準(zhǔn)備技術(shù)面試1.準(zhǔn)備簡歷-突出項目亮點：使用的技術(shù)、解決的問題、量化的成果。-按STAR原則描述項目：Situation,Task,Action,Result。2.算法題準(zhǔn)備-LeetCode分類刷題：Easy,Medium,Hard。-關(guān)注高頻題目：鏈表、樹、動態(tài)規(guī)劃。3.系統(tǒng)設(shè)計-從0到1設(shè)計：明確需求、邊界條件。-從1到N優(yōu)化：考慮高并發(fā)、高可用。-繪制架構(gòu)圖：清晰展示組件關(guān)系。4.深入提問-針對簡歷項目追問細(xì)節(jié)。-表達(dá)對技術(shù)原理的理解。-展示解決問題的思路。行為面試1.常見問題-優(yōu)缺點分析：如“談?wù)勀愕膬?yōu)缺點”。-壓力場景：如“遇到困難時如何解決”。-團(tuán)隊合作：如“描述一次成功的合作經(jīng)歷”。2.STAR原則-Situation：背景情況。-T