前言

前端实习生2018年总结，这是我去年的总结。

最近换了工位，公司整个事业群的工位都要变动，坐在新的工位看着对面的联想，建筑下面的背阴处还有北京前段时间的雪还没化完，忽然意识到，2019，结束了。

19届应届生，双非大学，毕业半年。

本文是对自己2019年的回顾与总结。

毕业

上半年面临毕业设计、论文，兜兜转转、浑浑噩噩，技术上没什么收获。

毕业设计用nuxt、koa、mongo、redis做了一个类似大众点评的PC网站，虽然复杂，但是主要是功能上的复杂，并无技术上的深度。回顾了一下，大概只收获了nuxt使用时的注意事项、SMTP服务的使用。

完成毕业设计主要的时间就是用来享受大学最后的时光了，说白了就是宅宿舍打游戏。

那种宿舍所有人都在宿舍宅的感觉，确实挺好的，毕业前不舍、毕业后怀念。

白驹过隙，以后就没有寒暑假了。😭

工作

尝试转岗

去年写总结的时候就说过了，工作内容是一个B端平台、用的公司的开源的MVVM框架，目前有算上我3个FE在维护，最近被劝退了一个，只有2个了。😅

觉得这份工作对我来说，事情不多，没有什么提升，就趁着毕业待入职的空闲期，搞了一波事情。

目标部门是同一个事业群，业务C端，基本上人人都知道也都用过（你百分之一百用过哦😄），经历两次技术面试、一次经理面试、一次HR面试，最终成功确定目标部门可以接收我。

可是最终失败在经理那里，虽然目标部门可以接收我，但是原部门的经理（也是就是我现在的经理）不允许我转岗，以不满一年不允许转岗为理由，不知道原因是啥，可能是转岗影响他的离职率吧。

转岗以失败告终，失去了一个业务好、有上升空间、提升快的部门，遗憾了一段时间。

踏实工作

转岗失败，当还是要干活的，工作内容虽然是B端平台，但还是有些复杂的。

技术栈使用公司开源的MVVM框架，最大的优点就是快。

说下主要实现的内容：

通用组件封装
- Input
- Radio
- Checkbox
- Switch
- Cascader
- DateRange
- Notification
- Toast
- Table，支持行拖拽，支持行复选
- Dialog
CSS模块化（stylus）、BEM
通用能力封装
- 上传图片组件，支持图片剪切
- axios封装
富文本编辑器
- 文字：放大、缩小、加粗、下环线、删除线等
- 图片：上传、选中、删除
- 上传视频
- 添加链接
路由鉴权逻辑
复杂数据Mock
实现表单项可配置

后续打算转换成Vue的一套组件库，富文本编辑器就算了，还要处理XSS等一些细节，而且已经有不少健壮的编辑器存在了。

学习

重点来了，工作强度不大，有很多空闲时间用来学习、提升，从入职之后，一直每天坚持学习。

说下学习的内容，按时间顺序。

TypeScript

TypeScript很火，使用TS重构了axios，也大概看了axios的源码，虽然是实践了TS，但是还是希望能到复杂场景下继续实践。

Vue源码学习

Vue的响应式原理部分两年前就分析过了，加之刚入职也没什么学习方向，就一点点看Vue的源码，一点一点打log、写注释，像这样。

看了能有一个月，对Vue的整个流程了然于胸，于是就按照下面的结构，整理出了文档，更新到了Github，不过并未透露地址，目前只有几十个🌟。

然后就开始看了Vue-Router、Vuex的源码，不得不说，看完Vue的源码，其他的看着容易多了。

Vue全家桶的原理、优缺点大家也都知道，不多说。

小程序

做小程序的目的是向外输出自家技术，就在自家APP上开发了一个小程序，主要是使用uni-app进行开发的，主要功能就是类似之前很火的FaceApp，使用自家技术对人像进行年轻化、人像渐变。

这个小程序的主要收获就是开发了一个小程序端图片裁剪的插件，上传到了Github，作为个人的一个小demo。

Vue3

看了VueConf 2019尤大对3.0的展望，尤大用hook对比了HOC、mixins、slot，展示了hook的优点。

总之，function component将会是接下来个大框架发展的一个方向，function也对TS 天然友好，hook也是大前端的一个趋势。

小程序做完了之后，Vue3的源码就开源了，还懊恼了一阵子，老子刚刚解析完了Vue2全家桶的源码，3就出来了，搞得我都没什么优势了。后来想想，学习了Vue2的源码，知道了其原理、架构、所使用的设计模式，这就是优势呀。

果断clone vue-next的源码开始学习。

主要是看了响应式原理的使用和实现、对比Vue2的响应式原理、简单对Vue3的响应式原理进行实现，说实话这里还是为了怕以后面试会问。😅

对涉及到的、没涉及到ES6的知识也复习了一遍，map、set、weakMap、weakSet、Symbol、迭代器、生成器、ESModule、proxy、Reflect

总结了MarkDown。

Node

学习完Vue3的原理，就想看看Node。

大致的看了一遍《深入浅出NodeJS》，想总结点什么却又不知从哪开始，可能是只看了一遍，没系统性，后续还要多读一读。

读书的时候，喜欢在书上画来画去，还有记笔记，我一直觉得，写博客不如做笔记记得快。

好记性不如烂笔头

有些道理从小就听说过，但有的到了长大才明白，古人诚不欺我。

这些是我做的笔记，看到已经这么厚了，心里很欣慰。

Webpack原理学习

其实看完第一遍《深入浅出NodeJS》之后是想看看Express源码的，想深层次对比下Koa，后来在项目中想到一个完整的前端项目是需要Webpack进行打包的，一个前端项目都没搞明白，还看什么后端，于是开始了目前为止29天的Webpack源码之旅。

起初阅读的时候，真的是毫无头绪，欲哭无泪，各种同步、异步的钩子，回调函数被Webpack用的真可谓是炉火纯青，「callback hell」在Webpack中体现的真的是淋漓尽致，而且其依赖了webpack-sources、loader-runner、acorn等自己的库和其他库。