「时光不负，创作不停，本文正在参加2021年终总结征文大赛」
工作职业成长
转眼时间今年快要过完了，刚好看到掘金有2021年终总结的征文大赛，那就一起陪大家聊一聊，也顺便分享一下我的前端生活
转眼前端已经工作了4年多的时间了，从2017年到现在的2021 从当时的摸爬滚打到现在游刃有余，我觉得能坚持我走下去的永远是对前端的热爱排在一位，有了热爱，有了兴趣才会让我走的越来越远
最开始的我
17年刚开始的懵懵懂懂，对前端的一切又有兴趣同时又觉得害怕，开始了我的摸索之旅
vue
当时对vue也是一知半解的状态，大概在脑海里只知道vue的数据绑定 以及vue 多么多么的好。好多公司都在用。但是又感觉很陌生，但是不懂的学总是会学会的
当时就要先巩固一下vue的知识：vue-router vuex element-ui vue官网 这些统统都刷个遍
github上一些优质项目 比如vue-element-admin clone到自己本地 学一学别人代码怎么写的，当时这个项目对我来说简直就是宝藏 几乎包含了后台系统大部分的要求
- 鉴权验证 - 页面权限 按钮权限
- 动态换肤
- 动态侧边栏
- 富文本编辑器
等等，上面只是列举部分功能，从那之后我对vue的大门正式开启。
学习别人的代码风格，学习别人实现功能的思路，学习别人对项目的架构设计
一切从模仿开始
vue源码
当然学好上面那些对我来说只是一些api的使用，我想要的是更深入的了解vue，那就从源码开始吧 卷～～
vue的源码当时clone下来 从入口文件一步一步的了解整个项目 启动项目 打开souremap 一步一步的调试
从数据的观测 Object.defineProperty 开始，以及watcher对组件的更新，还有Dep对watcher的收集触发更新
接着就是组件级更新diff的patch运算 以及nuxtTick 的源码 基本上都刷了一遍～
react源码
满满的对react fiber的源码产生了浓厚的兴趣 react fiber是react团队研究几年之后的产物
他是基于requestIdleCallback来实现的，但是由于api的兼容性问题所以react团队使用requestAnimationFrame + window.postmessage 来模拟实现，把项目编译成fiber tree 触发更新的时候来计算ExpirationTime 当某个fiber节点的更新一直被打断时 ExpirationTime已经超时的状态下 会被强制更新等
react的源码会比vue的源码看起来要复杂很多（ps：两个我都是略知一二 有大佬觉得有问题的可以帮我指出来 hhh）
技术学习
对于技术学习，我本着先深度再广度的原则，把javascript基础永远放在第一位，然后vue react都在不断巩固，目前主要是以学习源码为主，学习好源码不但可以更好解决项目中的问题，而不是去百度按照别人的思路去看问题。还可以更好的学习别人的编程思想 解决问题的方式 源码里也会有一些算法 数据结构刚好可以算是很全面的在学习吧。对于一些潜质新型的框架比如说solid 以及 svelte 等框架 我保持中立 会留意但是不会把过多的精力放在上面，基本的要了解。（ps： 前端框架太多了， 好卷哇～～～）
生活总结
去年10月跳槽在现在的新公司，公司不大但整体节奏不是很快，工作强度刚开始的时候比较高，后来慢慢的有条不紊的起来，每周都有空去学习和刷掘金（ps： 摸鱼 hhhhh）
明年的计划
明年的计划 涨薪 , 对源码有更深一层的理解，还有数据结构和算法多巩固一下，多刷leetcode吧
在掘金薅过的羊毛
暂时还没有 hhhh 奢望不多 明人不说暗话 我想要一个杯子 hhhhh
