前端常见面试题目整理

Koa2 简介 Koa 是一个由 Express 原班人马打造的下一代 Node.js Web 框架，旨在提供更简洁、更强大的 API 来处理 HTTP 请求和响应。

一个常用的 Express 中间件是 morgan，它是一个 HTTP 请求日志记录中间件，用于记录每个请求的详细信息，如请求方法、URL、状态码、响应时间等。

useEffect 和 useLayoutEffect 是 React 中用于处理副作用的两个 Hook，它们的主要区别在于执行时机和使用场景。

在 React 中，事件处理机制与原生 DOM 事件有所不同。React 实现了一套自己的合成事件系统（Synthetic Event），它是对原生 DOM 事件的一层封装。

React Hooks 的设计规则之一是 “只在最顶层使用 Hooks”，也就是说，不能在循环、条件或嵌套函数中调用 Hooks。

useMemo 和 useCallback 是 React 中用于性能优化的两个 Hook，它们的作用是缓存值和函数，以避免不必要的重新计算或重新创建。

React.memo 和 JavaScript 的 memoize 函数都用于优化性能，但它们的作用场景和实现方式有所不同。

Fiber 是 React 16 引入的一种新的架构和数据结构，它是 React Reconciler 的核心实现。Fiber 的目标是解决 React 在渲染大型应用时的性能问题

useEffect 是 React 中用于处理副作用的 Hook，它的第二个参数是一个依赖数组，用于控制 useEffect 的执行时机。

react-router 和原生路由（基于浏览器原生 API 的路由）在实现方式和功能上有显著的区别。

在 React 17 之前，每个 React 组件都需要声明 import React from 'react';，这是因为 JSX 语法在编译时会转换为 React.createElement 调用

基本概念 ReactDOM.createPortal 是 React 提供的一个 API，用于将子组件渲染到 DOM 树中的任意位置，而不是当前组件的父组件层级中。这在某些场景下非常有用。

在 React 中，函数组件本身是没有实例的，因为函数组件是无状态的（stateless），它们只是普通的 JavaScript 函数。

基本概念 useEffect 的第二个参数是一个依赖数组，React 通过它来判断依赖项是否发生变化，从而决定是否重新执行 useEffect 中的副作用函数。

在 React 开发中，useRef、ref 和 forwardRef 是三个与引用（reference）相关的核心概念。

在 Express 中，处理静态文件（如图片、样式表、JavaScript 文件等）非常简单。Express 提供了一个内置的中间件 express.static，用于托管静态资源。

更简洁的 API Express 提供了更简洁、更高级的 API，简化了路由、请求处理和响应的代码。 原生 Node.js： Express： Express 的代码更简洁，易于阅读和维护。

基本概念： 在 Express 中，请求对象（Request Object） 和 响应对象（Response Object） 是两个核心对象，分别用于处理客户端发送的请求和向客户端返回响应。

基本概念 ESM（ECMAScript Modules） 和 CJS（CommonJS） 是 JavaScript 中两种不同的模块系统。它们的设计目标、语法和使用场景有所不同。

基本概念 在 React Router 中，HashRouter 和 BrowserRouter 是两种常用的路由组件，它们的主要区别在于 URL 的表现形式和工作原理。