❶ 前端面试可能会问哪些问题
前端面试可能会问哪些问题?
在进行前端面试时，面试官可能会提出一系列问题，旨在考察应聘者的知识深度、实践经验、解决问题的能力以及对技术趋势的了解。以下是面试中可能出现的一些问题，覆盖中级开发者到高级开发者级别的内容：
中级开发者相关问题（共计 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）
选择技术栈时应考虑：项目需求、团队技能、可维护性、性能、社区支持、安全性和未来趋势。