寒假远程实习,我学到了什么,一个新手怎么敢上手商业项目?

寒假远程实习的心得体会-上手项目真的能学到很多。

事情的起因

哈喽哈喽大家好,我是你们的金樽清酒。寒假开始的时候呀,我在某招聘平台找了一个远程实习,想着积累实习经验提高一下自己的技术水平嘛。但是呀,其实我会的东西不多,根本没有啥实战的经验,所以要是上手项目那我肯定是寸步难行的。不怕,不会咱可以学嘛。其实呀,社会上很多事情可能都是一些没有什么经验的大学生做的。比如我在刚学会用ps的时候花钱通过了兼职的入门考试,然后进群接了淘宝上一些做名片的单子,然后不出意外第一张是我做的最久,花了几天时间完成的名片,那也是完成了嘛,后面轻车熟路我也大大小小设计了好多名片。对呀,一开始啥都不会呀,那你得勇敢呀,大不了挨几次骂,一开始连文件都不知道怎么打包,到后来得到客户的认可。在后来我也尝试过做家教,尝试了一次之后我感觉也蛮好的,在家教这条路上走过一段距离,陪伴过好多孩子,但是始终还要去提升自己。说了这么多,我想表达的是,没等准备好了再行动,管它火车往哪开,先上去呗,然后我就投了几家,说自己不图钱,只求找个项目练练手,hr大哥想了想,你想跟我们一起做嘛,要不我给你安排一个老师吧,你听它他安排。那好吧,总算让我找到了一家远程实习的公司,那也算是一种缘分吧。

项目的基本介绍

我跟的这个项目是一个微信小程序,功能还是蛮齐全的,就是一个可以和别人拼桌的小程序,具体用在哪里我就不说了,等后面项目上线吧,很荣幸能够参与这个项目。那这个小程序嘛,那是很多功能应有尽有,什么登录呀,用户看到的界面呀,商务用的界面呀,还有后台管理,hr在给我看他手上的项目的时候我看了一眼,好像这个项目外包出去也要1万多吧,纯前端搞完。那当然啦,我首先是跟着前端师傅,切起了页面,项目用的uniapp开发,鄙人也是学了两天的uniappp,好嘛,起码开发的工具我是有的,也不是差生文具多啊,这不是必备的嘛。然后hr就给了我设计稿让我自己去好好研究研究,他还给我开了个会,讲了一下这个项目的主要功能和内容,然后反复强调,你不要为了切页面而切页面哦,要考虑业务逻辑,这个功能是怎么实现的,这个在脑子里想是最快的,这个要圈起来,后面要考。笑死,我要是能切好页面我感觉我都要笑死,因为在此之前我是没有自己真正切过一个页面的,包括学校的课设我都是在gitte上抄的一个。那我肯定是嗯嗯,明白了,要考虑业务的功能嘛。嘿嘿,后面会因为这个业务逻辑天天挨骂,也会因为业务逻辑有了做项目的快感和成就感。然后嘛,我的前端老师就发话了,交待我第一个任务,熟悉git操作。

第一步 熟悉git操作

为什么要熟悉git操作,emmmm,很重要,非常重要。git提交的就是你今天做的什么工作。git仓库是多人协作开发必备的,一个项目很庞大,靠一个人肯定是完成不了,那每一个人做一部分咯,然后把自己做的提交到同一个仓库的不同分支,再进行合并。那首先得明白git怎么提交,怎么拉取代码咯,说难不难,说简单又有很重要得细节,因为这个没少挨骂,大家工作完记得一定要提交,而且要跟主项目同步,不然你惨咯,你会很惨的。前几天就因为没有及时提交,然后不小心把本地的文件覆盖掉了,然后仓库里又没有了,怎么办了,我开始先想的是,电脑上覆盖掉的文件怎么恢复呢,不想再写一遍了,然后就花钱购买了一个文件恢复的软件,嗯,我想着有救了,结果,罢了,重写吧,我为什么不想重写呢,因为这一部分逻辑是老师远程操作电脑给我写的,还没来得及仔细研究呢。唉,花钱的软件确实是能找回我丢失的文件,可是恢复到编译器的时候我傻眼了,代码全部乱码变成一堆火星文编译不了,交这个上去不得被骂死。然后就重写呗,以为会很艰难,结果我先把要实现的逻辑在纸上写一遍,再根据记忆在两个小时内竟然复刻出来了,这给我高兴的,也算是自己独立完成的第一块业务逻辑部分吧,emmmm,有成长,被逼出来的。所以呀代码一定要及时提交,在公司也是看这个来判断你今天做了什么事情,不提交代码可是会被扣工资的。还有一点,及时同步,这个是被骂的最惨的,因为老师给我交代了一些工作嘛,我把这些都完成之后再提交,也没有同步住分支的代码,好家伙,最后合并造成了页面越写越少的后果,搞得老师气的不清。当然也有可能是我把路由搞乱了,git识别又是一行一行的,就会造成很多冲突,所以提交的时候也要检查一下你的路由有没有按规范写。下面我罗列一些常见的git操作吧。

  • git clone 将远程仓库项目拷贝到本地
    git clone [directory] url为仓库链接 directory为要存储到的本地地址
  • 常用提交三部曲
    • git add . 添加文件到缓存命令
    • git commit -m '描述' 提交命令
    • git push origin dev(提交到的分支) 这是我是自己创建的dev分支 提交到远程仓库
  • git pull 拉取远程仓库的项目
  • git push -f(强制推送,将本地代码强制覆盖仓库)

第二步 上手切页面

刚开始嘛,我也没有啥经验,老师就将最简单的登录页面交给我,嗯,也就是切一个登录页面嘛,能有什么问题呢对吧。诶,你别说,就这个登录页我都反复写了好多回,要跟设计稿上的一模一样。那我就开始写盒子,写样式,然后用定位的方式一个个定位出来,虽然做的很慢吧,那也总算是写出来了,经常搞到一两点也是常有的,但是到后来呀,我也确实发现,这也太简单了。果然啊,前端要想做好那必须是强迫症,我都看不来不一样,老师总是能给我指出。唉,改吧改吧,按照老师的话,那肯定得跟设计稿一样啊,不能让人看清咯。然后完成这个之后,我又相继接到了切其他页面的任务,那些就是一些表单居多,要填入数据,客户还要能输入。这要再用定位可就麻烦了,定位这种写法那就太麻烦了,然后又开启了另一阶段的成长,看代码。起因是一个简单的表单,因为要重复的内容很多,我一个页面写了六百多行代码,太冗余了,那老师不得不让我停下来让我看他写的代码。我的天哪还能这么写的嘛,基本这些东西都能用弹性布局和内外边距完成,至于重复的内容嘛,造假数据循环,这样后面对接口调一下就通了,还很简洁,emmmm,大开眼界了,然后效率就有了很大的提升,从一天一个页面到给我几个页面其实都不害怕。当然都是简单一点的,业务逻辑不复杂的。

第三步 开始思考业务逻辑

有了前面切页面的铺垫,我不再害怕切页面了,就给老师说给我安排下一步的任务吧。好,那就完成设计稿上搜索那个功能吧。我一看设计稿,嘿,怎么这么简单,三个页面都只有一点东西,这不一下就可以完成嘛。然后我框框框的就写完了给老师检查,差点没给人气死。老师也跟刚开始的hr说了,那个hr也跟我说,我不是说了让你仔细思考一下业务逻辑嘛,不要为了切页面而切页面。诶,就像教育不知到什么时候闭环,业务逻辑这颗子弹正中我的眉心,说了圈起来,会考的。这三个页面其实是一个页面。input框聚焦时是怎么样的,失焦时是怎么样的。搜索到东西显示什么,没搜索到东西显示什么。然后就开始第一次的远程操作,让我看看怎么写的代码。没错就是我git提交丢失的那部分代码,后面自己复刻了。emmmm,从这个时候开始思考业务逻辑,然后陆陆续续又完成了十几个页面。

第四步 开始用js完成功能(单选框的选择,表单的数据)

老师交给我的任务呢原本是年前完成那些页面,这不是完成了嘛,他又开始教我下一步功能啦,写js.他真的,我哭死,他自己轻松能搞定的事情,这是真的想教会我

然后呢,有两部分内容。一个是弹窗选日期和时间的,一个是表单,加减数量和单选的逻辑。然后这两天我终于是基本把表单的功能完成了,开心的给老师看,然后嘛就是远程操作,得到的评价是,嗯,还不错就是代码太臃肿了,然后又框框框全改了,就改到晚上一点多嘛,然后剩一部分逻辑我来整理,我仿照老师的代码也是轻松完成了,还能这么写,完全没难度嘛。他真的,我哭死,本来自己能轻松完成的事情,硬是想教我点东西。

下一步计划

年前工作基本完成了嘛,老师还是让我研究研究另一个功能

是的,没有不会的东西,大不了多研究研究呗。本来应该快乐暑假的我,在这个老师的催促下没有一天离开过敲代码,而学习就是一个循序渐进的过程。总有一天你所经历的苦难都是会是你口中的轻描淡写。

总结

在远程实习的过程中我学到了很多。要会用git,文件路径要整洁,要仔细细心,要思考业务逻辑以及代码要优雅,学习要持续。好了,这就是我这些天来的实习总结了。后面肯定还会有不同的惊喜。我们下次再见。

相关推荐
m0_748255269 分钟前
easyExcel导出大数据量EXCEL文件,前端实现进度条或者遮罩层
前端·excel
长风清留扬30 分钟前
小程序毕业设计-音乐播放器+源码(可播放)下载即用
javascript·小程序·毕业设计·课程设计·毕设·音乐播放器
web1478621072343 分钟前
C# .Net Web 路由相关配置
前端·c#·.net
m0_7482478044 分钟前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖1 小时前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
青灯文案11 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
ThisIsClark1 小时前
【后端面试总结】MySQL主从复制逻辑的技术介绍
mysql·面试·职场和发展
m0_748254881 小时前
DataX3.0+DataX-Web部署分布式可视化ETL系统
前端·分布式·etl
ZJ_.1 小时前
WPSJS:让 WPS 办公与 JavaScript 完美联动
开发语言·前端·javascript·vscode·ecmascript·wps
GIS开发特训营1 小时前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis