互聯(lián)網(wǎng)行業(yè)全棧開發(fā)工程師（React+Node.js）崗位招聘考試試卷及答案一、填空題（共10題，每題1分）1.React中用于管理組件內(nèi)部狀態(tài)的內(nèi)置Hook是______。（答案：useState）2.Node.js中通過______模塊實現(xiàn)文件系統(tǒng)操作。（答案：fs）3.React組件中，`key`屬性的主要作用是______。（答案：優(yōu)化列表渲染性能，標(biāo)識唯一子元素）4.Node.js中，`process.env.NODE_ENV`通常用于設(shè)置______。（答案：運行環(huán)境（如開發(fā)/生產(chǎn)））5.React中，`useEffect`的第二個參數(shù)為空數(shù)組時，表示______。（答案：僅在組件掛載時執(zhí)行一次）6.Express框架中，用于處理POST請求體解析的中間件是______。（答案：express.json()）7.React嚴(yán)格模式（StrictMode）的主要作用是______。（答案：檢測潛在的代碼問題（如過時生命周期、不安全的副作用））8.Node.js中，`require`和`import`分別對應(yīng)______模塊規(guī)范。（答案：CommonJS和ES）9.React函數(shù)組件中，通過______Hook可以訪問類組件的`this.ref`功能。（答案：useRef）10.Node.js事件循環(huán)（EventLoop）的主要作用是______。（答案：協(xié)調(diào)異步操作的執(zhí)行順序，避免阻塞）二、單項選擇題（共10題，每題2分）1.React中，以下哪個方法用于條件渲染？（）A.`if-else`直接寫在JSX中B.三元表達式（`condition?true:false`）C.`switch`語句嵌入JSXD.`for`循環(huán)直接寫在JSX中答案：B2.Node.js中，`async/await`本質(zhì)上是對______的語法糖封裝。（）A.回調(diào)函數(shù)B.PromiseC.事件觸發(fā)器D.流（Stream）答案：B3.React組件通信中，父組件向子組件傳遞數(shù)據(jù)的主要方式是（）。A.`context`B.`props`C.`ref`D.全局變量答案：B4.Express路由中，`app.get('/user/:id',...)`的`id`參數(shù)通過（）獲取。A.`req.query.id`B.`req.params.id`C.`req.body.id`D.`req.headers.id`答案：B5.React中，`useCallback`的主要作用是（）。A.緩存組件實例B.避免函數(shù)組件重復(fù)渲染C.緩存函數(shù)引用，優(yōu)化子組件性能D.替代`useEffect`答案：C6.Node.js中，以下哪個模塊用于創(chuàng)建HTTP服務(wù)器？（）A.`net`B.`http`C.`https`D.`dns`答案：B7.React類組件中，`componentDidUpdate`的第二個參數(shù)是（）。A.新的`props`B.舊的`state`C.新的`state`D.舊的`props`答案：B8.Express中間件的執(zhí)行順序由（）決定。A.定義順序B.中間件名稱C.路由路徑長度D.隨機順序答案：A9.React中，`useContext`的參數(shù)是（）。A.組件B.Context對象C.字符串D.函數(shù)答案：B10.Node.js中，`cluster`模塊的主要作用是（）。A.處理網(wǎng)絡(luò)集群B.利用多核CPU，提升性能C.管理依賴包D.優(yōu)化事件循環(huán)答案：B三、多項選擇題（共10題，每題2分）1.以下屬于React生命周期方法的有（）。A.`componentWillMount`（已廢棄）B.`componentDidMount`C.`getDerivedStateFromProps`D.`shouldComponentUpdate`答案：ABCD（注：A為廢棄方法，但仍可能被考察）2.Node.js中，常見的異步處理方式有（）。A.回調(diào)函數(shù)B.PromiseC.`async/await`D.同步函數(shù)答案：ABC3.React中，`useEffect`的依賴項可以是（）。A.狀態(tài)變量（state）B.propsC.組件內(nèi)定義的函數(shù)D.全局變量答案：ABC4.Express中，常用的中間件包括（）。A.`cors`（跨域）B.`morgan`（日志）C.`multer`（文件上傳）D.`redux`（狀態(tài)管理）答案：ABC5.React組件類型包括（）。A.函數(shù)組件B.類組件C.高階組件（HOC）D.純組件（PureComponent）答案：ABCD6.Node.js中，`package.json`的`dependencies`字段用于（）。A.記錄生產(chǎn)環(huán)境依賴B.記錄開發(fā)環(huán)境依賴C.運行`npminstall`時自動安裝D.運行`npminstall--production`時自動安裝答案：ACD7.React中，`setState`的更新（）。A.可能是異步的B.總是同步的C.可能合并多個更新D.一定會觸發(fā)重新渲染答案：AC8.Node.js中，`process`對象的常用屬性或方法有（）。A.`process.argv`（命令行參數(shù)）B.`process.exit()`（退出進程）C.`process.env`（環(huán)境變量）D.`process.cwd()`（當(dāng)前工作目錄）答案：ABCD9.React中，`Fragment`的作用是（）。A.減少DOM層級B.替代`<div>`包裹子元素C.提升渲染性能D.支持多個子節(jié)點答案：ABD10.Node.js中，`Stream`的類型包括（）。A.可讀流（Readable）B.可寫流（Writable）C.雙工流（Duplex）D.轉(zhuǎn)換流（Transform）答案：ABCD四、判斷題（共10題，每題2分）1.React中，函數(shù)組件必須使用`useState`才能管理狀態(tài)。（）答案：×（類組件用`this.state`）2.Node.js是單線程的，因此無法利用多核CPU。（）答案：×（可通過`cluster`模塊實現(xiàn)多進程）3.React中，`key`屬性可以是隨機生成的（如`Math.random()`）。（）答案：×（需保證穩(wěn)定且唯一，隨機值會導(dǎo)致不必要的重渲染）4.Express中，`res.send()`可以自動設(shè)置響應(yīng)頭`Content-Type`。（）答案：√5.React的`useMemo`用于緩存計算結(jié)果，優(yōu)化性能。（）答案：√6.Node.js中，`require`引入模塊時，會緩存模塊實例。（）答案：√7.React類組件中，`render`方法必須返回JSX。（）答案：√（或`null`/`false`）8.Express路由中，`app.all('')`可以匹配所有路徑和HTTP方法。（）答案：√9.React中，`Context`適用于深層組件通信，可替代`props`逐層傳遞。（）答案：√10.Node.js中，`fs.readFile`是同步方法，`fs.readFileSync`是異步方法。（）答案：×（反了）五、簡答題（共4題，每題5分）1.簡述React中`Redux`的核心工作流程。答案：Redux的核心流程為：組件通過`dispatch`發(fā)送`action`（描述狀態(tài)變化的對象）→`reducer`根據(jù)`action`類型和當(dāng)前狀態(tài)計算新狀態(tài)→新狀態(tài)更新到`store`→所有訂閱`store`的組件自動重新渲染，獲取最新狀態(tài)。核心概念包括`store`（狀態(tài)容器）、`action`（行為描述）、`reducer`（狀態(tài)計算）。2.列舉Node.js中`Express`和`Koa`的主要區(qū)別。答案：Express是“大而全”框架，內(nèi)置路由、中間件、模板引擎等；Koa是“小而輕”框架，僅提供核心中間件機制，依賴第三方庫擴展。Koa使用`async/await`處理異步，避免回調(diào)地獄；Express早期依賴回調(diào)，需手動處理異步。Koa的中間件通過`next()`鏈?zhǔn)秸{(diào)用，支持更靈活的洋蔥模型；Express中間件按順序執(zhí)行，需手動調(diào)用`next()`傳遞控制權(quán)。3.React函數(shù)組件中，`useEffect`的依賴項數(shù)組有什么作用？舉例說明。答案：依賴項數(shù)組用于指定`useEffect`的觸發(fā)條件。若數(shù)組為空，`useEffect`僅在組件掛載/卸載時執(zhí)行；若數(shù)組包含變量（如`[count]`），則當(dāng)變量值變化時重新執(zhí)行；若不提供數(shù)組，`useEffect`會在每次組件渲染后執(zhí)行。例如：`useEffect(()=>{console.log(count);},[count])`，僅當(dāng)`count`變化時打印。4.Node.js中，如何避免“回調(diào)地獄”（CallbackHell）？至少列舉兩種方法。答案：（1）使用`Promise`封裝異步操作，通過`.then()`鏈?zhǔn)秸{(diào)用；（2）使用`async/await`語法糖，將異步代碼寫成同步風(fēng)格；（3）使用第三方庫（如`bluebird`）的Promise化工具；（4）將復(fù)雜邏輯拆分為多個函數(shù)，減少嵌套層級。六、討論題（共2題，每題5分）1.前后端分離架構(gòu)下，全棧工程師（React+Node.js）需要關(guān)注哪些關(guān)鍵問題？答案：需關(guān)注以下幾點：（1）接口規(guī)范：定義清晰的API文檔（如OpenAPI），統(tǒng)一請求/響應(yīng)格式；（2）跨域處理：通過CORS、代理或JSONP解決前端跨域問題；（3）狀態(tài)管理：前端（如Redux）與后端（如JWT）的狀態(tài)同步；（4）性能優(yōu)化：前端懶加載、后端接口緩存（如Redis）、數(shù)據(jù)庫索引優(yōu)化；（5）安全問題：前端防XSS/CSRF，后端防SQL注入、JWT簽名驗證；（6）部署協(xié)作：前后端獨立部署（如前端靜態(tài)資源CDN，后端Node.js集群），確保環(huán)境一致性。2.結(jié)合實際項目經(jīng)驗，談?wù)凴eact組件性能優(yōu)化的常見策略。答案：常見策略包括：（1）避免不必要的重渲染：使用`React.memo`緩存函數(shù)組件，類組件使用`shouldComponentUpdate`或繼承`PureComponent`；（2）優(yōu)化`useState`和`useEffect`：合并狀態(tài)更新，減少依賴項的頻繁變化；（3）虛擬列表（如`reac