2024年vue+vant+mongodb+nodejs的礼物帮手毕设项目，前端应届生如何做一个职业规划

文末

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

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

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

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

第三阶段:前端常用框架

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

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

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

礼物帮手APP项目（2）登录注册

礼物帮手项目 （3）- 可以左右滑动的导航栏

礼物帮手项目（4） - 传id跳转详情页（尝试2种方法）

礼物帮手项目（5）- 加入购物车(mongoose坑)

礼物帮手项目（6）- 购物车列表

礼物帮手-论文(不全)

本项目参考礼物说app的原型图

基于前后台分离架构，前端使用Vue脚手架及axios和vue-router等vue技术+Vant+Html+CSS+JavaScript，后台使用nodejs和express框架搭配mongoDB数据库。

话不多说先看效果图

安装 mongodb robo nodejs vscode

mongoDB (version:4.0.6)

node (version:10.15.3)

npm (version:6.4.1)

monogoDB和robo的安装教程

https://blog.csdn.net/fengtingYan/article/details/88371232

nodejs安装教程

https://blog.csdn.net/fengtingYan/article/details/86649526

vscode下载链接：

https://pan.baidu.com/s/1a-5V8O89WKja45K5sPg8og 提取码：pvlp

git下载链接：

https://pan.baidu.com/s/1kFMcS4LZnkc81ZyOfzMMHw 提取码：qpf4

启动mongo服务，连接数据库 （右键底部菜单栏，选任务管理器，选服务，输入MongoDB,右键-开始）

下载模块包 分别双击打开gift文件和gift-api文件 两个都右键 git bush here

输入npm install 分别下载node_modules模块包
启动项目 右键git bush here(或者按住shift右键-在此打开Powershell窗口) （gift-api）npm start （gift）npm run serve

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

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

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整