Web前端最全NextJs教程系列(一)：介绍&amp；安装_nextjs下载教程(2)，Web前端开发面试题目及答案

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

• 为 React 提供了开箱即用的路由。

创建新的项目

系统要求，node >= 18.17 或更高版本

1. 执行npm，按照提示创建项目，建议使用 src 目录来存放源码

npx create-next-app@latest

2. 之后会自动生成项目，进入项目目录，你会看到如下的目录结构
   

   • app: 后续所有代码存的放位置。
   • next.config.js: next.config.js存放了next的开发、生产环境下的配置。

3. 打开package.json, 找到 scripts，可以看到如下npm命令：

   • dev ：运行 next dev 以在开发模式下启动Next.js。
   • build ：运行 next build 以生成用于生产的应用程序。
   • start ：运行 next start 以启动Next.js生产服务器。
   • lint ：运行 next lint 以设置Next.js的内置 ESLint 配置。

4. 执行 npm run dev，启动项目。

为了方便读者阅读完整的教程，可直接访问作者的教程文档：
http://localhost:3000/ChBlog/docs/category/nextjs

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记