总结
=============================================================
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
个人将这段时间所学的知识,分为三个阶段:
第一阶段:HTML&CSS&JavaScript基础
第二阶段:移动端开发技术
第三阶段:前端常用框架
-
推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。
-
大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。
-
为 React 提供了开箱即用的路由。
创建新的项目
系统要求,node >= 18.17 或更高版本
- 执行npm,按照提示创建项目,建议使用
src
目录来存放源码
npx create-next-app@latest
-
之后会自动生成项目,进入项目目录,你会看到如下的目录结构
app
: 后续所有代码存的放位置。next.config.js
: next.config.js存放了next的开发、生产环境下的配置。
-
打开package.json, 找到
scripts
,可以看到如下npm命令:dev
:运行 next dev 以在开发模式下启动Next.js。build
:运行 next build 以生成用于生产的应用程序。start
:运行 next start 以启动Next.js生产服务器。lint
:运行 next lint 以设置Next.js的内置 ESLint 配置。
-
执行
npm run dev
,启动项目。
为了方便读者阅读完整的教程,可直接访问作者的教程文档:
http://localhost:3000/ChBlog/docs/category/nextjs
总结
根据路线图上的重点去进行有针对性的学习,在学习过程中,学会写笔记,做总结。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这里分享一些前端学习笔记:
-
html5 / css3 学习笔记
-
JavaScript 学习笔记
-
Vue 学习笔记