作者：松宝写代码 | songEagle ｜saucxs
日期：2021月2日

前天和昨天没有更新「每日一题」，啪啪打脸了。

其实这段时间在写年终总结，实在抱歉。

有些小伙伴不知道我那3个昵称的含义：

昵称：songEagle（取自松树的song，Eagle中文意思鹰，雄鹰，寓意着可以像雄鹰一样翱翔）。
昵称：saucxs（sau取自我大学时候的学校缩写Shenyang Aerospace University，cxs这个是我姓名的首字母，大学时候给自己取的昵称，对于别人来说不方便记忆）。
昵称：松宝写代码（名字松树的松，谁还不是个宝宝，一个伪全栈工程师写代码改变世界，这个可能会用的更多，同时是公众号名字）。

言归正传，下面👇是我的总结和规划。

一、前言

每一年的年终总结，也是自己对自己这一年的复盘和总结。

所以我是比较推荐读者朋友们都写年度总结的，不一定要写给大家看。整理写给自己看也是一种审视。

2020这一年真的很难忘，年底在湖北武汉疫情爆发，老家在黄冈，当时湖北第二个疫情严重城市，哇⊙ω⊙，好吓人，还好万幸的是自己一切安好，身边的人也是一切安好。

二、疫情的影响

2019年的年终总结在湖北黄冈老家除夕左右写的，后来就开始在家办公，刚开始还担心效率问题，是否存在协作问题，觉得效率还行，并且后来很快适应，强烈推荐飞书 ，即时沟通，办公文档等功能非常强。

记得那会儿有一个很赞的《隔离的意义》的宣传

https://raw.githubusercontent...

在家也想了很多，比如当时在大组里分享疫情下的老家那边情况，以及可视化的一些思考。

给自己留一些时间思考，还是值得的。

接下来我们看看我那时候给自己立的flag。

三、2020年初立的flag

我们先看一下2009年的个人年底总结，写于2020.01.26（大年初二晚上），链接：https://mp.weixin.qq.com/s/U0...

接下来我们看看2020年初立的flag，其实已经忘了很多具体内容，但是还记得大致方向，要开始啪啪打脸节奏，哈哈(ಡωಡ)hiahiahia

四、2020总结

这一年，学习了很多，有端能力，新语言尝试，各种新工具尝试，重新启用了公众号「松宝写代码」，然后立了Flag，推出每日一题，每天一道面试题，助力学习总结和自己知识体系构建，字节跳动内推，希望小伙伴可以联系我，内推你们加入我们，一起代码改变世界。

我们通过一个脑图来看一下2020的总结

1、关键词

我们先来看看我前几年关键词：

2017年总结：初出茅庐
2018年总结：自我成长
2019年总结：不惧未来
2020年总结：未来可期

在写的时候，今年想了很多关键字：

持续学习
效率与任务
养成习惯
格局和自我
投资身体
跳出思维
人脉与财富

2、学习和成长

有时候我们会问自己，为啥要不断学习和提高自己？

1、去探索各个场景下的各种问题，有哪些解决方案，是如何解决的，学习他们的解决思路和方案。
2、了解现在前端技术发展情况和未来发展趋势，把握学习方向。
3、结交技术圈内朋友，让自己融入到更积极的技术氛围，促进自己的技术提升。

3、具体总结

站高点。有时候需要站在更高高度看问题，才能把问题看清。
格局和自我。如果把自己定位局限于某一个方面，对自己提升不利，需要缩小自我，放大格局。
跳出思维。觉得需要跳出所在行业，看看别的行业，思考本质。
综合能力。技术实现只是很小的一部分能力，但是技术人经常容易沉浸在技术层面。

3.1 文章写作总结

【每日一题】43篇，最近一篇：https://mp.weixin.qq.com/s/VB...
【Flutter】11篇
【大学总结】1篇
【Sping】3篇
【React】2篇
【正则】1篇
【Python】1篇
【Go】1篇
【MongoDB】1篇
【AB测试】1篇
【内推】3篇
【其他】3篇

总计70篇，相比较去年44篇，产出新增26篇，增幅59%。

上述所有文章总结可以在以下地址中查看：

1、Github：https://github.com/saucxs/ful...
2、微信公众号「松宝写代码」

3.2 专利4篇

此处省略N个字符

3.3 比赛和活动

1、技术双月刊

技术双月刊入选3篇：9-10月入选1篇，11-12月入选2篇。

2、团队内技术双月

使用webAssembly相关的技术，go+wasm的图形库。

3、2020FeHackson

2020前端马拉松，报名组队立项。

4、掘金-年度人气作者

1322名写作者报名参加，最终第84名。

3.4 分享4次

省略N个字符

3.5 技术影响力建设

1、《豆皮范儿》公众号。
2、《松宝写代码》公众号之前不想弄，后来给自己立了一个Flag，输出「每日一题」，开始运营起来，持续输出。

3.6 面试工作

省略N个字符

3.7 业务相关

简单介绍一下我们：

追求高性能与舒适交互的大数据可视化能力，通过灵活运用前端技术解决业务问题，产出用户满意的产品；
团队中的技术大牛们，对技术有追求有执着，对前端前沿技术保持热忱，和他们做同事，对自身快速成长将大有裨益；
业务在快速成长期，团队支持新技术的尝试与应用，能够提供实践平台，可以撸起袖子大干一场；
研发“不设边界”，能够提供更大的发展空间。
...

公司福利：

节假日福利，各种公司文化周边
公司提供三餐 + 免费下午茶 + 零食点心不限量
...

加入我们，可以直接从数据层面窥探今日头条、抖音、西瓜视频、懂车帝等几十个产品的“商业秘密”。

内推方式：

1、关注「松宝写代码」公众号，回复「社招」或「校招」或「实习生」获得内推二维码，扫码直接投递。
2、然后加我微信「chengxinsong」，注明内推，查询内推进度。

3.8 文章发布平台Editor

目前地址：http://md.chengxinsong.cn

已经支持功能特性：

md格式编辑器实时展示
md格式转换为微信公众格式，一键复制粘贴
md格式文档下载
支持选择主题颜色
外链引用开关

4、2020年OKR完成情况

五、2021规划

2021年要开始立flag，2020打脸的flag继续放在2021，新增其他flag，或者说是OKR，OKR更科学更合理，仅仅是个人对外版本。

O1：技术提升
- KR1：文章100+篇
- KR2：Python学习
- KR3：Go学习
- KR4：文章发布平台
- KR5：阅读3本《Trustworthy Online Controlled Experiments: A Practical Guide to A/B Testing》《鸟哥的Linux私房菜》《人人是产品经理》
- KR6：专利6项
- KR7：Puppeteer学习
- KR8：Docker学习
O2：微信公众号
- KR1：豆皮范儿粉丝2k+
- KR2：松宝写代码1k+
- KR3：松宝每日一题
O3：Github
- KR1：文章发布平台
- KR2：水印继续维护更新
- KR3：contribution数量50+
O4：运动与旅游
- KR1：公司健身打卡100次
- KR2：半程马拉松1次
- KR3：运动跑量400km
- KR4：旅游4次，看具体情况是否国外
其他

明年我们一起再来回顾和总结。

六、思考

记得刚毕业的时候，就开始觉得正式工作往往跟在校学习并不一样，在学校很多时候都是在写 DEMO，并没有一个整体全局的考虑。但是随着工作后你会跟着业务、运行、产品功能的不断的迭代，开发完成各种各样的需求。

1、工作1-3年

工作 1-3年也基本是一个个人技能爆发增强的过程。这样让你把之前学到的知识和现有项目中的锻炼，不断的完善个人的技术栈，个人的知识体系。

但也不忘记在这个阶段除了工作内容需要，也得继续扩展自己的知识技能。否则会陷入一种工具人的僵局，慢慢变成螺丝钉。要想不断的突破自我，一定是不断的学习和接受新的理念和新的挑战。

2、工作3-5年

就目前的想法，3到5年的工程师与3年前不太相同，以往大多数时候只是实现需求，完成需求任务。所能关注的信息基本也是一个点一个点，但是技术栈锻炼的还不错。

那么可能会出现一种情况就是为什么技术不错却又不能全局的驾驭系统。那么这个阶段就是提升整体系统把控的能力，可以写出更加容易扩展和更好的健壮性的代码。

每一个阶段的成长都不太容易，需要一些项目给予也需要给自己一些加压。不只是对技术栈和业务的更深层的理解，也要从中吸取更多的营养。学会更加良好的抽象化和完整的建设系统的能力。

3、工作5-？年

这个需要在摸索中前进和总结，星辰大海，未来可期。

研发工程师就是一个不断学习，不断成长的职业，需要投入更多的经历去沉淀自己，如果对未来的恐慌也不过是一点点懒惰的积累，最终的一个点爆发了而已。

往期「每日一题」

1、JavaScript && ES6

第 41 题：【每日一题】(41题)JS代码到底是如何被压缩的?
第 40 题：【每日一题】(40题)关于script标签，你可能不知道的地方？
第 39 题：【每日一题】(39题)谈谈JS的函数扩展？
第 30 题：【每日一题】(30题)面试官:ES6的解构赋值的理解？
第 28 题：【每日一题】(28题)面试官:原型链与构造函数结合方法继承与原型式继承的区别？
第 22 题：【每日一题】(22题)面试官问：var与const,let的主要区别是什么？
第 21 题：【每日一题】(21题)面试官问：谈谈JS中的 this 的绑定？
第 20 题：【每日一题】(20题)面试官问：谈谈JS中的 webSockets 的理解？
第 19 题：【每日一题】面试官问：谈谈JS中的 XMLHttpRequest 对象的理解？
第 18 题：【每日一题】面试官问：JS中的 Ajax 跨域与扩展 Comet ？
第 17 题：【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？
第 16 题：【每日一题】面试官问：JS中如何全面进行客户端检测？
第 15 题：【每日一题】面试官问：JS类型判断有哪几种方法？
第 14 题：【每日一题】面试官问：谈谈你对JS对象的创建和引申
第 13 题[[每日一题]面试官问：['1', '2', '3'].map(parseInt)输出，原因，以及延伸？](https://mp.weixin.qq.com/s/DJ...
第 12 题[[每日一题]面试官问：JS引擎的执行过程（二）](https://mp.weixin.qq.com/s/CC...
第 11 题[[每日一题]面试官问：JS引擎的执行过程（一）](https://mp.weixin.qq.com/s/Lh...
第 10 题[[每日一题]面试官问：详细说一下JS数据类型](https://mp.weixin.qq.com/s/wm...
第 8 题[[每日一题]面试官问：谈谈你对ES6的proxy的理解？](https://mp.weixin.qq.com/s/8l...
第 7 题[[每日一题]面试官问：for in和for of 的区别和原理？](https://mp.weixin.qq.com/s/Rs...
第 6 题[[每日一题]面试官问：Async/Await 如何通过同步的方式实现异步？](https://mp.weixin.qq.com/s/UA...
第 3 道「「每日一题」面试官问你对 Promise 的理解？可能是需要你能手动实现各个特性」
第 2 道[「[每日一题]ES6 中为什么要使用 Symbol？」](https://mp.weixin.qq.com/s/om...

2、浏览器

第 9 题[[每日一题]requestAnimationFrame不香吗？](https://mp.weixin.qq.com/s/4O...

谢谢支持

1、文章喜欢的话可以「分享，点赞，在看」三连哦。

2、作者昵称：saucxs，songEagle，松宝写代码。「松宝写代码」公众号作者，每日一题，实验室等。一个爱好折腾，致力于全栈，正在努力成长的字节跳动工程师，星辰大海，未来可期。内推字节跳动各个部门各个岗位。

3、关注「松宝写代码」，是获取开发知识体系构建，精选文章，项目实战，实验室，每日一道面试题，进阶学习，思考职业发展，涉及到JavaScript，Node，Vue，React，浏览器，http，算法，端相关，小程序等领域，希望可以帮助到你，我们一起成长～

saucxs

💼 松宝写代码个人年终总结：未来可期