❶ 前端面試可能會問哪些問題
前端面試可能會問哪些問題?
在進行前端面試時，面試官可能會提出一系列問題，旨在考察應聘者的知識深度、實踐經驗、解決問題的能力以及對技術趨勢的了解。以下是面試中可能出現的一些問題，覆蓋中級開發者到高級開發者級別的內容：
中級開發者相關問題（共計 3 道題）：
Webpack 支持哪些模塊化載入？（熱度: 154）
Webpack 支持以下幾種模塊化標准：CommonJS、ES Moles、AMD、CMD、SystemJS 等。此外，Webpack 還可以處理非 JavaScript 文件，並將其視為模塊，通過使用相應的 loader 來實現轉換。
React 中 useEffect 依賴為空數組與 componentDidMount 區別？（熱度: 366）
useEffect 的行為類似於 componentDidMount，但當依賴項數組為空時，它會確保副作用函數在組件渲染完成後執行，且只在組件首次掛載時執行一次。
如何針對 React Hooks 寫單測？（熱度: 170）
使用 react-hooks-testing-library 工具，可以隔離地測試 hooks 的行為，確保在沒有組件上下文的情況下，獨立地驗證 hook 的功能。示例包括測試 hook 的默認值、初始值以及回調函數的行為。
高級開發者相關問題（共計 14 道題）：
Webpack 不支持 CMD 模塊化的原因？（熱度: 255）
Webpack 設計圍繞 NPM 生態和標准化模塊格式，CMD 模塊化與 Webpack 的理念和模塊收集機制不完全兼容。CMD 更側重於運行時動態確定模塊，而 Webpack 則傾向於在編譯時確定依賴。
Webpack 內部執行原理？（熱度: 668）
Webpack 的執行原理包括解析依賴、模塊合並、代碼分割、優化輸出等步驟，通過構建配置文件來控制打包過程，最終生成優化後的代碼。
使用 ts 編寫 webpack 配置文件的步驟？（熱度: 251）
安裝 TypeScript 和類型聲明，編寫配置文件時使用 Typescript 類型系統，確保代碼和配置文件的類型安全，以及正確處理依賴項。
如何將通用依賴打包成獨立 bundle？（熱度: 643）
通過配置 Webpack 的 splitChunks 選項，將通用依賴單獨打包，減少重復載入並提高性能。
如何提取復用代碼給多個 entry 使用？（熱度: 292）
利用 Webpack 的 splitChunks 功能，識別並提取被多個入口點復用的代碼，以減少重復載入。
測試前端代碼覆蓋率的手段？（熱度: 550）
使用測試框架如 Jest 或 Mocha，結合覆蓋率分析工具如 Istanbul 或 codecov，來評估代碼執行覆蓋率。
ts 編寫的庫如何提供 d.ts 文件？（熱度: 224）
通過配置 TypeScript 編譯選項，如 `declaration` 和 `declarationDir`，在構建過程中生成對應 `.d.ts` 文件，供其他 TypeScript 項目使用。
如何自動生成 changelog 與更新 tag？（熱度: 455）
利用 semantic-release 或 standard-version 等工具，自動化生成 changelog 並更新 Git 標簽，提高版本管理的效率。
如何做 commit lint？（熱度: 425）
安裝 commitlint 插件，配置 `.commitlintrc` 文件，定義 commit 消息格式規則，確保提交信息的規范性。
如何優化 webpack 配置代碼？（熱度: 186）
將配置文件分解為模塊，使用環境變數和 webpack-merge 插件來合並配置，提高可維護性和可讀性。
技術選型的標准有哪些？（熱度: 622）
選擇技術棧時應考慮：項目需求、團隊技能、可維護性、性能、社區支持、安全性和未來趨勢。