# 六月初至七月中旬｜前端学习简要总结，生活的小回顾

原文：https://blog.grtsinry43.com/posts/202406-frontend-summary/

作者：grtsinry43

发布时间：2024-07-11T23:27:23Z

内容更新时间：2024-07-11T23:27:23Z

在这段时间里我通过完成多个项目，深入学习了前端和全栈开发的技术。主要使用了 Vue3、C++ Web 框架、jwt 鉴权、Docker、Nginx、FastAPI、微信网页开发、Vue2、Vant 组件库、TypeScript 和 React 等技术。

项目驱动对我来说是一种很好的学习方式哈哈哈，不仅让我掌握了新技术，也让我遇到并克服了许多挑战，比如阅读别人的代码、复杂的后端逻辑处理和微信开发的复杂性等。  通过项目驱动的学习方式，我快速提升了自己的技术能力，并对此感到非常满意和自豪。我也意识到自己还处于学习的初阶段，对未来的学习充满了规划和期待。

<!--more-->

## 额..最近的事情

上次总结应该是 5 月 27 号，那大概两周的时间学习 Vue 剩下的内容，那个时候同时也在研究全栈开发，照葫芦画瓢弄明白了 Spring Boot（不过基础太差，这个假期还得再弄一弄），然后应该是六月初。

后来搞了一周的课设、期末的任务、一些慕课的考试什么的，六月下旬就进期末考试周了，全天都在 ~~预习~~ 啊不，复习。主要也是老师讲了一学期也未必能给我们讲明白，就是老师其实很厉害但是讲课方面可能就不会那么面面俱到，反正我就一学期的内容看英文教材一周弄完了，考试结束换完寝室是六月末。

然后痛苦的来了，就是我所在的校团委网络信息部有个学生组织的技术部门，这学期当部长的几个学长下学期都不打算继续干了，一般都选择保研了。~~像我这种会学习不会考试绩点很低的肯定以提升技术为主~~ 然后下学期我就得当两个部门的部长，假期要搞的几个项目都到我身上了 😰，和我同级的同学们前端后端又没那么熟练，所以本质上整个两个项目全是我一个人写的 😭。ddl 是 10 号，所以我被迫留在长沙现在还没有离校，9 号弄完上线的，现在终于轻松了。

## 最近的学习总结

感觉最近的前端学习全是自主探索的，全是项目驱动的 😂。

### 先是课程设计

课设是 C++的，正好我之前研究过一个 C++的 Web 框架，就给弄成前后端了。当时就是把这个当成练手项目了，因为全栈项目没搞过几个，所以就直接用上了 Vite+Vue3，至于学的话就是自己看文档，自己研究，然后也没用 Vuex 用的 pinia，同样也是自己研究的 😂。为了把这个项目搞出来又学了 jwt 让前后端能鉴权。

最后成品太丑了....搞个 Element Plus 其实主要是为了应付嘛（doge），学习技术和练手才是真，~~绩点我又不在乎~~

后来又自己研究了 docker 环境，nginx 反代后端到 `/api`，总之就是让我学到相当相当多，算是一个对我挺有意义的项目了

![image-20240711222156417](https://dogeoss.grtsinry43.com/2024/07/image-20240711222156417.png)

###  之后是接的学校的项目

额这个对我来说主要的难度一个是微信网页开发实在太恶心，要搞什么认证又登录，还有就是学长传承下来了代码，但是这个代码的质量 emm...~~就是说屎山代码应该不过分~~。因为项目后端用的 FastAPI，这样我又不得不去学习这个，两天之内看文档学完了，但是真正上手看学长代码我才知道问题严重性。

<img src="https://dogeoss.grtsinry43.com/2024/07/154709B18B51FEF491EC9F8469FC1364.png" alt="154709B18B51FEF491EC9F8469FC1364" style="zoom:25%;" />

第一个项目是一个什么社团注册，这个前端之前代码用 Vue2 写的，不过还好代码完全没有压力，这个 Vant 组件库我又跑去看文档了，不过后端代码有点太抽象了，又用刚学的知识改了半天后端。然后还有...还有团委老师经常让我加功能 😰 啊这个太痛苦了，因为学长代码用的数据结构有点过于离谱，好多都是曲线救国，真的极其痛苦。

<div style="display:flex;">
<img src="https://dogeoss.grtsinry43.com/2024/07/FD42D5950E45510DF7AA62EB5EEA4C04.png" alt="FD42D5950E45510DF7AA62EB5EEA4C04" style="width:30%;" />
<img src="https://dogeoss.grtsinry43.com/2024/07/4A88CD8706AB2D582D9EDDD96243D836.png" alt="4A88CD8706AB2D582D9EDDD96243D836" style="width:30%;" />
<img src="https://dogeoss.grtsinry43.com/2024/07/B28977AB2B6D607D38D53945572D36B4.png" alt="B28977AB2B6D607D38D53945572D36B4" style="width:30%;" />
</div>


第二个就是一个简单的签到打卡，这个是被微信恶心的网页开发卡了好久，就是有个 `wx.config()` 需要后端调用 api 缓存 token 和签名啥的一大堆弄的天天做梦都在改 Bug😰，连着 3 天才弄出来。其他的就简单了感觉就是体力活了哈哈哈，实际写业务逻辑挺快的，不过好多后端给的响应数据结构太奇怪了，连写这个还得连改后端。然后为了管理又搞了个后台系统：

![image-20240711225210198](https://dogeoss.grtsinry43.com/2024/07/image-20240711225210198.png)

![image-20240711225506531](https://dogeoss.grtsinry43.com/2024/07/image-20240711225506531.png)

这个就是用 `pure-admin` 二次开发的，因为之前用过 `element-admin` 那个感觉这个还挺简单的，然后因为这个系统用的 TypeScript，大体上和 js 差不多吧，不过还是被迫，不对是自愿哈哈哈哈，毕竟能学到好多东西，看了文档搞明白了。

###  研究学长的项目

![image-20240711230010314](https://dogeoss.grtsinry43.com/2024/07/image-20240711230010314.png)

这个是一个学长写的项目，不是我写的，不过我太感兴趣了 😂，所以自己看文档一天之内过了一遍 React，然后给学长提了 pr，现在还挺好看的

## 简要总结

这段时间真的都是因为一堆项目学到了好多东西，还挺爽的哈哈，至少因为项目需要自学了 Vue3，啊对还有 node 学着写了中间层，还有学了 React 和学长一起弄项目搞项目去了。

接下来计划再学习 node 中间层和后端，然后继续慢慢向下学习。而且就是我一年之内从刚开始写简单的 Hello World，到熟悉静态网页，再到今天一个人搞全栈项目，真的有非常大的进步，也真的克服了好多好多困难才能做到。不过我也知道我这才是刚入门而已，前面要学的太多太多了

然后假期回家也是绝大部分时间写代码，继续加油叭！