前言

本系列文章根据作者多年一线大厂面试经验精选了一些高频面试题，目的是让有一定工作经验的读者用较短的时间消化复习完本文后，能够应对绝大多数大厂前端面试场景。

工程化工具

构建工具

版本控制

git

前端框架

React

Next.js

Next.js 是一个基于 React 的开源 JavaScript 框架，专为构建高效的服务器端渲染（Server-Side Rendering, SSR）和静态站点生成（Static Site Generation, SSG）的 web 应用而设计。它在 React 的基础上提供了开箱即用的路由、页面优化、静态资源管理、代码分割等功能，并且易于配置和扩展。

Next.js 的主要特点和功能包括：

服务器端渲染 (SSR) ：Next.js 默认支持服务器端渲染，这意味着初始页面可以在服务器上生成并直接发送给浏览器，从而提升 SEO 性能和页面加载速度，同时保持了 SPA（单页应用）的交互体验。
静态站点生成 (SSG) ：Next.js 支持静态生成，允许你预先渲染所有页面为纯静态 HTML 文件，这对于无需服务器实时动态响应的静态博客、文档站点等十分有用，有助于大幅度提高加载速度和降低成本。
零配置：Next.js 提倡简洁的开发体验，很多基础配置如热重载、CSS 解析等都已经内置，开发者可以快速启动项目并专注于业务逻辑开发。
路由系统：Next.js 自动处理页面级别的路由，根据文件夹结构映射到 URL，同时也支持动态路由和自定义路由。
代码分割和懒加载：Next.js 内置了代码分割功能，自动将代码切割成多个较小的 chunk，实现按需加载，有效减小首次加载的体积，提高页面加载速度。
静态资源处理：通过内置的 webpack 配置，Next.js 可以轻松处理静态资源（如图片、CSS、JavaScript 文件）的导入和优化。
API Routes：Next.js 提供了一种简便的方式来创建后端API，这些API可以直接在 Next.js 项目中编写，并与前端页面紧密结合。
国际化 (i18n) 支持：Next.js 内置了国际化支持，使得开发多语言网站变得容易。
自定义服务器：尽管 Next.js 默认提供了内置服务器，但也可以根据需要定制自定义的 Node.js 服务器。
内置性能优化：Next.js 为开发者提供了很多性能优化的工具和建议，如自动静态优化、预渲染、延迟加载等。

总之，Next.js 结合了 React 的优秀开发体验和现代 web 应用所需的各种最佳实践，旨在简化开发流程，提高开发效率，并帮助开发者构建高性能、易维护的 web 应用程序。

【框架篇】前端面试，看这一个系列就够了！（三）

前言