前端小白的第一篇博客

前端小白的第一篇文章

写这篇文章的初衷

​   从自学前端到找到实习工作以来一直都有写文章的想法。一方面是因为很多前端大佬都推荐写技术博客来巩固和分享自己学到的知识,另一方面是自己也想记录一下自己的学习历程。

​   但都迟迟没有动笔,总觉得先找到第一份工作才是当务之急。找到工作之后把写文章都忘到九霄云外了,因为刚上手真实项目一脸懵逼,开始怀疑人生。现在对公司业务和技术栈比较熟悉,写文章的念头又萌生了,本来还是准备学习js的,但最近感觉学习很没有效率。还有就是大学玩了四年的室友今天给我开了视频,有史以来第一次跟男的聊了一个小时(也没有女的跟我聊呀),聊完还是挺有感触的,想跟大家,特别是在校大学生或者是应届生分享一些经验吧。

自身情况和前端学习历程

​   我大学的第一个专业是人文地理与城乡规划,之后转专业到了物联网工程。刚开始学的很起劲,以为自己转到了热门专业前途无量,但是真正学习之后发现专业课好难,而且学校开的课很杂,软硬件都有。觉得越高大上的东西本科阶段就越学不完,索性跟着其他同学一起堕落,当时班里也真没几个认真学习的同学。然后稀里糊涂的就突然要毕业了。

​   现在已经大四即将毕业,在一家互联网公司做前端实习生。从自学前端到现在的实习工作,一路走来的心酸大概自学的人都体会过吧。

​   我学前端是20年4月份开始的,也就是疫情还很严重的时候,学校不让返校,网课又不太想上,加上有了女朋友,自己也马上要实习找工作了,在学校又什么都没学到,内心慌的一批。然后就开始寻找就业方向,一个发小在培训班学习前端,一个高中同学培训完前端已经工作半年,就向他们了解了很多,最后决定自学前端。

   说干就干,下载了vscode,在B站跟着pink老师学习了html、css、js,然后找到了coderwhy,也就是王元红老师的vue课程,跟着敲了一遍项目。学习过程中感觉自己太着急找工作了,一直想着快点学,没有深入思考,也很少做笔记。敲完了vue项目就只身一人来到郑州开始找前端实习工作,但是由于自己学的太过囫囵吞枣,心里很没底,再加上郑州的IT环境很差,在郑州呆了一个多星期只面试了三家公司。有一家是培训机构,有一家说的没有经验前期不给工资可以免费培养,到后期可以参与公司项目的时候给补贴。我想这不是白嫖嘛,就没有去。最后一家公司办公地点在一个居民楼上,说要试岗7天。我去了两天感觉公司氛围不行,老板也很扯,而且同事说即使试岗过了工资也在1000以内,我就跑路了。最后面试了一家大公司的运维工作,去实习了两个月感觉学不到东西,就离职了。

实习生涯

​   时间已经到了20年12月份,然后又开始找工作的日子,还好在朋友的推荐下,给一家还算大点的公司投了简历,最后通过了面试。算是开始了我的前端工作生涯。

​   进入公司第一天老大给发了公司代码规范,和公司技术栈以及框架和组件库文档。第二天让一位实习生和我交接,给我讲了云桌面开发环境的使用和现阶段开发的两个项目。老大让我用uniapp写了一个登录demo。第三天老大就给了一个简单的需求,由于第一次上手真实项目,再加上老大也就是我的面试官就坐在我旁边,心里很紧张。这个需求需要调后端接口,老大让我去找后端同事沟通,我本来就很内向加上刚来新环境很紧张,感觉自己的沟通能力很差。最后在老大的帮助下完成了这个需求。公司两个项目技术栈分别是vue的uniapp,用的uView组件,React用的ts + antd。由于只学过vue,心里感觉很慌。我来的那几天项目不紧,又赶上元旦放假老大说让我好好熟悉项目和相关技术栈。

​   后面就没什么可说的了,在一度的自我怀疑、自我鼓励中度过了这将近3个月的实习时光。

​   现阶段的任务就是继续完成老大给任务,另外就是准备毕业设计、毕业论文,至于能不能转正我心里也没底,感觉我们前端组氛围挺好,还是挺希望能留下的。

总结
学习总结

​   感觉自己在学习中心静不下来,太过浮躁。找工作之前还好一直按着顺序在学,工作之后学习的时候会很纠结学什么好,比如想深入学习js的时候会想学react会不会更好一点,毕竟工作要用。还有就是很多东西知其然不知其所以然,很多问题都没搞清楚。

工作总结

​    三个月以来感觉自己也学到了不少东西。比如熟悉了前后端联调流程、掌握了联调技能,学习了react和uniapp相关技术栈。更重要的是体会到了细心和代码规范的重要性,记得老大在看我提交的代码的时候给我指出过很多低级错误。他说了一句话让我铭记在心:会不会不重要,不会可以学,但是细不细心就是我的态度问题了。

给想要学习前端或者正在自学小伙伴的一些建议

​   1、不要犹豫,种一棵树最好的时间是10年前,其次是现在,如果不确定自己喜不喜欢那就先学一段时间在做决定要不要继续。

​   2、学习的时候要静下心来,不能太着急,要始终牢记:慢就是快!!!

​   3、关于要不要报培训班个人感觉没必要,互联网时代很多资源网上都学不完,不必要去交高昂的学费。

​   其实我也没太想写建议,感觉自己不太够格,毕竟自己也还是一枚小菜鸡,还有就是该走的弯路是逃不掉的,这些建议我也听别人讲过,但自己学的时候就是做不到,所幸现在明白还不晚。

​   学前端以来第一次写文章,感觉自己写的很乱,这样才有进步空间嘛,哈哈,希望和各位小伙伴一起进步,加油!

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,下面是一个简单的代码示例,用于在PetStore系统中增加修改密码的功能。以下代码仅供参考,具体实现可能需要根据实际情况进行调整。 UserController.java: ``` @RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @PostMapping("/updatePassword") public ApiResponse updatePassword(@RequestParam("username") String username, @RequestParam("oldPassword") String oldPassword, @RequestParam("newPassword") String newPassword) { // 验证用户身份 User user = userService.findByUsername(username); if (user == null) { return ApiResponse.fail("用户不存在"); } if (!user.getPassword().equals(oldPassword)) { return ApiResponse.fail("原密码不正确"); } // 更新密码 user.setPassword(newPassword); userService.save(user); return ApiResponse.success(null); } } ``` 在UserController中增加了一个updatePassword()方法,用于处理修改密码的请求。该方法接收用户名、原密码和新密码三个参数,并返回一个ApiResponse对象表示操作结果。在该方法中,我们首先验证用户的身份,如果用户名或原密码不正确,则返回相应的错误信息;否则,将新密码更新到数据库中,并返回操作成功的提示。 修改密码的前端界面可以使用HTML和JavaScript来实现。以下是一个简单的示例: update-password.html: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改密码</title> </head> <body> <h1>修改密码</h1> <form id="update-password-form"> <label for="oldPassword">原密码:</label> <input type="password" name="oldPassword" id="oldPassword" required><br> <label for="newPassword">新密码:</label> <input type="password" name="newPassword" id="newPassword" required><br> <button type="submit">提交</button> </form> <div id="message"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $('#update-password-form').submit(function(event) { event.preventDefault(); var oldPassword = $('#oldPassword').val(); var newPassword = $('#newPassword').val(); $.ajax({ url: '/user/updatePassword', method: 'POST', data: { username: '当前用户的用户名', oldPassword: oldPassword, newPassword: newPassword }, success: function(response) { if (response.code == 200) { $('#message').text('密码修改成功'); } else { $('#message').text(response.message); } }, error: function() { $('#message').text('密码修改失败'); } }); }); }); </script> </body> </html> ``` 在上面的代码中,我们使用了jQuery库来简化AJAX请求的处理。当用户点击提交按钮时,前端代码会将原密码和新密码发送给后端API,并在接收到响应后给出相应的提示。 需要注意的是,上面的代码中的用户名需要根据当前用户的实际情况进行设置。一般情况下,可以从会话中获取当前用户的用户名,或者在登录时将用户名存储在Cookie中,以便后续使用。 以上就是一个简单的示例,用于在PetStore系统中增加修改密码的功能。如果需要更详细的实现代码,可以参考PetStore官方代码库中的实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值