前端实习近半年的工作总结

前言：

    来北京工作实习已经一年，总结一下自己这最近半年的实习经历的感受与收获吧。

    首先感谢一下组内的同事，以及我的mentor对我入职实习期间的帮助，以及对我日常问题的解答，特别是我的mentor，从他身上学到了很多优秀的开发习惯和技巧。

    其实在写这篇总结之前，我也去阅读了很多作者写的工作总结，看完大家工作总结之后，我发现自己这半年的工作还是太安逸了，没有逃离自己的舒适圈，这半年自己并没有主动去学习新的一些技术，更多的只是在完成业务需求，但是在工作中想有所提升仅仅做业务开发是远远不够的，要想成长就必须学习新的技术，做一些技术产出才可以，所以这次的总结更多的是对自己的反思以及对之后正式工作的计划与展望。

工作内容：

     部门的业务主要是toC方向做小程序的开发，刚来到公司前期主要跟我的mentor一起负责砍价业务，我用了一周时间来了解砍价相关业务以及代码，并且做了一个宣讲（由于自己当时对于部门业务还不是非常了解，当时的宣讲更多的仅仅是针对前端的业务以及代码逻辑，并没有去了解每一个接口内部的实现，所以感觉第一次宣讲并没有表现很好），后来由于内部调整我就开始主要负责列表的相关需求。我所在的部门属于全栈开发，前端主要采用是微信小程序以及Vue，并且我们有自己的node中间层来封装接口，所以平时会经常写node.js+TS,这在我上一家公司是没有体会过的，（我觉得这样非常合理，再也不用像在上家公司一样，因为一些接口返回字段类型不统一去排查和后端交流好久）这也让我页接触学习到了更广泛的技术栈。

    平时除了开发任务还包括一些日常的巡检等等，虽然现在我还没有加入到日常的巡检当中，但是在最近几个迭代，我也开始自己对每天的指标进行观察巡检，总结巡检报告。

成长与收获：

工具的使用：

1、charles

一款常见的抓包工具，通过代理连接，把客户端的请求数据，以及服务端返回的数据完完整整的抓取下来，方便开发调试，一般搭配switchhost来使用，switchhos是用来改变本地host的工具，实现原理就是通过修改我们本地dns域名解析与ip之间的映射关系。

2、apiPost

在此之前我只知道用postman来请求接口、mock数据，但是经过我mentor的推荐，我发现apiPost是真的好用，用起来很方便推荐给大家！

（我mentor电脑里有非常多奇奇怪怪但是又实用的工具，每一样拿出来都让我直呼🐂🍺，包括他vscode中的各种插件👍，附上一个巨好用的截图插件Snipaste，大家自行感受）

3、Echarts

echarts.js是百度团队推出的一款用于图表可视化的插件，用于以图表的形式展现数据，功能强大，上手简单，在我认知里他和element-UI都属于辅助开发的工具，当时用的多了自然就会精通熟练，不用刻意的去学习，所以把它归到了工具使用这一类。这个是刚进入公司和我mentor一起做一个砍价报表的需求里面大量的图表就用到了Echarts，里面包含折线图，柱状图等等，非常丰富。

技术的拓展：

1、node.js

在来到这个公司之前，我自己也使用node的express框架写过一些小的demo，多少对node有一些了解，express是基于content中间件框架，框架自身封装了大量的功能比如路由router和视图处理等等；我现在开发使用的是基于koa搭建的一个自己的框架，koa相较于express的使用更加灵活，并且我们框架的层次划分非常清晰，把业务代码按照controller、busoness、agent三层层来细分处理，减少了代码的冗余并且更加整洁，方便理解。

2、TypeScript

TS又称为javascript的超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。自我感觉Ts在帮我们写出更加强壮的代码，在开发过程中就能将我们的一些错误暴漏出来，编写代码的提示也极大的提升了我们的开发效率，不过TypeScript的学习并不是那么简单的，需要经过大量的联系和阅读，对我来说泛型对我来说掌握的还不够，也是后边学习的重点。

3、vuex

Vuex属于vue的一种状态管理模式，将页面组件中可以共享的变量方法进行统一的管理，告别了一层一层的变量传递，在之前只是说去了解学习过Vuex的一些用法知识，最近做公司的H5项目时多数页面都是用vuex来管理数据的，也是在实践中系统的使用学习了一下。

4、socket

socket通信是新接触的知识，Socket是应用层与TCP/IP协议族通信的中间软件抽象层，是一组接口（也是刚刚查的），部门前段时间刚刚做过分享，建立微信与h5之间的socket通信，还是比较感兴趣的，计划在下半年进行了解和学习。

5、webpack/vite

最近在做公司h5项目的时候感到很烦恼，由于项目很庞大，加上我的电脑真是非常的卡，所以每次启动h5项目的时候都要超级长的时间，n分钟，公司的项目是由webpack构建的，所以就在考虑学习一种更加快速的大包构建工具去尝试优化一下这个项目，vite就是学习的对象，从底层原理上来说，Vite是基于esbuild预构建依赖。而esbuild是采用go语言编写，因为go语言的操作是纳秒级别，而js是以毫秒计数，所以vite比用js编写的打包器快10-100倍。所以接下来的目标就是去学习这个webpack以及vite，学习优化的过程也是对自己的考验。

习惯的养成：

      其实这半年里我觉得最好的习惯就是跟我mentor学习的记笔记，刚来公司就发现我mentor每次做完需求都会记笔记复盘，包括学习一些技术等等都会记笔记，渐渐的我也养成了这个习惯，但是现在记得一些东西都还不是很成熟，都是一些做需求过程中当作思路分析来写的，之后在笔记的书写上应该对自己增加些要求不能太过随意（因为前几天看之前写的已经看不懂当时写的是啥了！）。

      还有一个就是写文章！这个总结是我在掘金写的第一篇文章，之后每周或者每学一一个内容都会在掘金记录一下总结和收获，看了这么多大佬的文章，真的觉得自己非常渺小，作为一个小白，要从头开始把所有知识都从新学习一下。

下半年学习计划：

1、vue3.x：自己之前一直都在使用学习vue2，并没有扩展到vue3，在不学习就要被淘汰了，所以vue3是下半年学习的重点！

2、TS：ts自己现在也只是了解皮毛，可以进行开发，但是掌握的还是太少，要继续学习。

3、webpack/vite：还有就是刚才说的webpack/vite，自己要学习并且优化公司的h5项目！

4、socket：这个作为下半年的拓展，了解的同时也可以复习一下网络的所有知识。

5、markdown语法：第一次写文章就没那么讲究了，写的很丑，下次学一下markdown语法，把文章写的漂亮一点。

阅读书籍：

下面这些是被我列在清单里的书籍，也是同事推荐给我的

结束语

总之这半年过的还是浑浑噩噩太过安逸，嘴上说着是因为弄毕业设计但是自己知道并没有去努力，下半年逃出自己的舒适圈！完成自己的计划，向着目标前进！