一个两年半小前端的年终总结

大家好，我是 Gopal。最近工作些许繁忙，利用闲暇之余，记录一下我的 2020，展望 2021

Flag

2019 年年末的时候立的 flag

春节 VS 疫情

今年是比较特殊的一年，春节大家都很默契，不再相互串门，不再出去游玩。随着武汉封城，恐惧笼罩了全国。大家都带起了口罩，人与人之间多了一些距离。

天佑我中华。如今，虽然疫情还没结束，但国内对抗疫情的成绩令人欣喜，感谢奋斗在一线的战士们！

跳槽——面试

过年在家实在无聊也复习了一些知识点，年后，开始准备跳槽、面试。

在这期间，很充实，也很忙碌。期间阅读了以下小册

• 前端面试之道[1] —— 算是比较齐全，只是有些知识点不够深入，还需要自己查资料进行整理。适合构建自己的知识网络
• 剖析 Vue.js 内部运行机制[2] —— 写得很好的一本小册，深入浅出讲了 Vue 的原理，适合在阅读源码前食用

当然和大家一样，看了很多的面试题。虽然不想承认，但是现在市场决定了现在面经类文章很火。存在即是合理，通过这些文章，确实能够帮助我查漏补缺，巩固我的知识点

最后，我总结了一份 前端面试总结[3] 内容有点杂乱,就没放到了掘金。内容包括了

• 前端面试知识点总结
• 前端面试题汇总
• 我的面试经历【Bigo、深信服、shopee、腾讯、字节等】

另外总结了一些文章

• 前端模拟面试【一面】[4]
• 前端模拟面试【二面】[5]
• 【面试说】一年半前端 Bigo 一二三 面[6]
• 【面试说】一年半前端 Shopee 面经[7]

经过这次跳槽，确实发现了自己太多的不足之处，比如算法和数据结构，自己刷题明显不够

VIP —— Shopee

三月底从 VIP（唯品会） 离职，新的起点—— Shopee.

两家都是做电商的公司，所处的部门负责的业务很不同。在 VIP 的时候，主要负责 H5 页面。在 Shopee，加入的是供应链团队，更多的是一些 TOB 端的项目，业务场景似乎更加的复杂了

Shopee 算是一家比较有潜力的东南亚电商平台，加入到现在，股票从四十多涨到了现在一百八十多【可惜我没有】

这边也遇到了很多有趣的人和事，特别大神比较多，在线卑微...

分享

新的公司鼓励大家分享，每周周例会都有一次大分享，各个部门还有一个微分享，我挺喜欢这种形式的。期间我也做了一些分享，都总结成了文章，大家感兴趣可以阅读一下

• 前端应该知道的 HTTP 知识【金九银十必备】[8]
• 最强大的 CSS 布局 —— Grid 布局[9]
• 前端应该知道的web调试工具——whistle[10]

翻译

英文算是自己的一块硬伤！不过这对于程序员来讲也是一个很重要的技能，能看得懂英文文档和外文文章优势真的很大。还记得刚毕业那会还加入了掘金翻译计划，校验校验一下文章啥的，后来没坚持下去...

想了想，还是自己翻译比较自由一些，感兴趣的就翻译了一下

• 如何用 Typescript 写一个完整的 Vue 应用程序[11]
• 【译】73个超棒且可提高生产力的 NPM 包🚀🌱[12]
• 关于 JavaScript 中 null 的一切[13]

重新认识 Vue

之前我在简历上说，自己熟悉 Vue，说实话，还是有点心虚，像类似渲染函数等使用自己就不是很熟悉，更谈不上源码很熟悉。再加上目前所在部门业务主要用 Vue（当然也有 React），所以利用一段时间恶补了一下 Vue 的知识

• 【Vue进阶】——如何实现组件属性透传？[14]
• 【Vue 进阶】从 slot 到无渲染组件[15]
• 【Vue进阶】手把手教你在 Vue 中使用 JSX[16]
• 一个合格的中级前端工程师应该掌握的 20 个 Vue 技巧[17]
• Vue 3 任意传送门——Teleport[18]

学着学着就会发现，其实框架知识点是学不完的，应该对于它的架构、思想、原理进行进一步的了解和深入，才是正确的姿势

巩固基础

万变不离其宗！之前谈到，在面试的过程中发现了很多自己的不足，我大概在脑海列了一个大致的基础知识的 TODO LIST，这大概是我需要花挺多时间才能完成的任务。

重新看了 《你不知道的 JavaScript 上》以及阮老师的《ECMAScript 6 入门》 今年主要总结归纳了以下的基础知识

• 【前端进阶】深入浅出浏览器事件循环【内附练习题】[19] 讲解了浏览器的事件循环
• 【前端进阶】深入浅出 JavaScript 中的 this[20]
• 慎用JSON.stringify[21]

路漫漫其修远兮...未完待续

浏览器和 Node

刚好内部系统用到了 Node，重新阅读了一遍 Node基础[22] 文档，讲得太浅显，成效不大。说到 Node，项目中还使用到了 elasticsearch[23] 。说实话，对于自己还是有点挑战，到现在，还需要进一步的学习才能说自己了解 elasticsearch

恶补了一下浏览器的知识，这里极力推荐极客时间李兵的《浏览器工作原理与实践》[24] 【极客时间可以打钱了】真的太棒了，看完有种原来是这样的惊叹，刷了两遍，可能还要刷多两遍【有可能是自己太菜了】

浏览器和 Node 没怎么整理文章，敬请期待

算法与数据结构

重读了一下《学习JavaScript数据结构与算法》，都是比较基础的，还是要多刷题和多总结，要不还是陷入了看完就忘的魔咒中。这一块是我的硬伤...

12月份刷了一些栈、队列和链表的简单题目，见我的 Github[25]，这个是一个长期的过程，会持续更新

工程化以及其他知识

在公司项目中做了一些优化，总结如下

• 【优化】记一次通过工具减少 Git 冲突[26]
• 【webpack 性能优化】编译速度从 50S 到 7S[27]

做了 webpack 性能优化才发现，自己对于 webpack 还是停留在了表面了解，想深入了解它的相关原理。计划后面也会梳理一些文章

技术社区

今年终于能给社区带来了一些贡献了，掘金也升到了 V4，感谢大家对于我的支持和关注，这是我坚持很重要的一个正向力量，后面我也会加油

公众号

我的公众号——《前端杂货铺》，目前文章都是自己原创的，平时都不怎么运营，所以粉丝并不多。这方面的经验自己是缺少的，还得摸索和向大神们请教一下。

2021 年还是想运营一下自己的公众号，感谢大家的关注，我会加油给大家带了更多的干货的

理财

自己属于理财小白兼稳健类投资者。本着钱越来越不值钱的理念，闲暇时间 2020 也开始接触理财。发现理财也不会是之前想象中那么“妖魔化”，关键还是要理性理财，不要一股脑扎进去就好

健身

感谢公司吃不完的零食，回想去年这个时候，我还有七块腹肌。今年金装七合一了

吐槽归吐槽，锻炼确实落下了（强行推锅疫情）。最近也开始慢慢注重锻炼了，坚信应该会慢慢的好起来

旅行

年中的时候去了一趟广西，在深圳这种快节奏的城市待久了，换个地方看看山和水挺不错

12月份去了一趟丽江，丽江古城、玉龙雪山、泸沽湖...

公司年假挺多的，一年 15 天，确实还好的，一年去玩一两次，回来接着努力搬砖

笨蛋和傻瓜

最后，2020，我脱单了。我们两个都不算聪明，我叫她傻瓜，她叫我笨蛋，智商都不高【她认为她智商高】，性格也很像。我们两个都是前端，甚至有时候吃饭都在讨论前端，但我们在一起的时间并不枯燥，反而我觉得很开心，很充实，2020 年一半多的快乐来源。年初的时候，我跳槽了，年尾的时候，她也跳槽了...

帮她立个 Flag，她之前说后面也要在掘金写文章来的...

未完待续...

内推

最后是一条内推帖，如果想来 Shopee 的朋友，可以找我内推

Shopee 是什么公司

• Shopee 是东南亚和台湾地区领先的电子商务平台。

内推优势

• 可以帮忙查询进度
• 可以解答你对公司的一些疑问

公司的一些福利

• 外企氛围
• 年假多【15天年假】还有双休，国家节假日
• 不加班
• 大佬多
• 入职配置 MacBook Pro 16 寸
• 免费水果和零食

以上只是部分福利，具体可以去招聘官网查询

招聘岗位

请关注公众号《Shopee招聘》查看哈

如何内推

将你的简历命名"岗位名称_名字_工作地点"发送到我的邮箱：15521091584@163.com

温馨提示：我司对简历的要求挺严格，建议可以修改好再发，thanks

一般晚上才回复，请谅解~

回望2020，展望 2021

2020 年立的 flag 没有倒

2021 年好好生活，开心工作

其他：发现公众号读者讨论功能关了，伤心...

参考资料

[1]

前端面试之道: https://juejin.cn/book/6844733763675488269/section

[2]

剖析 Vue.js 内部运行机制: https://juejin.cn/book/6844733705089449991/section

[3]

前端面试总结: https://gpingfeng.github.io/front-end-interview/

[4]

前端模拟面试【一面】: https://juejin.cn/post/6844904120629854216

[5]

前端模拟面试【二面】: https://juejin.cn/post/6844904121011552264

[6]

【面试说】一年半前端 Bigo 一二三 面: https://juejin.cn/post/6880028535101227021

[7]

【面试说】一年半前端 Shopee 面经: https://juejin.cn/post/6880722165982429197

[8]

前端应该知道的 HTTP 知识【金九银十必备】: https://juejin.cn/post/6864119706500988935

[9]

最强大的 CSS 布局 —— Grid 布局: https://juejin.cn/post/6854573220306255880

[10]

前端应该知道的web调试工具——whistle: https://juejin.cn/post/6861882596927504392

[11]

如何用 Typescript 写一个完整的 Vue 应用程序: https://juejin.cn/post/6860703641037340686

[12]

【译】73个超棒且可提高生产力的 NPM 包🚀🌱: https://juejin.cn/post/6890702514446925838

[13]

关于 JavaScript 中 null 的一切: https://juejin.cn/post/6875832414258757640

[14]

【Vue进阶】——如何实现组件属性透传？: https://juejin.cn/post/6865451649817640968

[15]

【Vue 进阶】从 slot 到无渲染组件: https://juejin.cn/post/6869537683736100871

[16]

【Vue进阶】手把手教你在 Vue 中使用 JSX: https://juejin.cn/post/6870480188086419470

[17]

一个合格的中级前端工程师应该掌握的 20 个 Vue 技巧: https://juejin.cn/post/6872128694639394830

[18]

Vue 3 任意传送门——Teleport: https://juejin.cn/post/6874720017863147527

[19]

【前端进阶】深入浅出浏览器事件循环【内附练习题】: https://juejin.cn/post/6880419772127772679

[20]

【前端进阶】深入浅出 JavaScript 中的 this: https://juejin.cn/post/6882527259584888845

[21]

慎用JSON.stringify: https://juejin.cn/post/6844904175600418829

[22]

Node基础: http://nodejs.cn/learn/nodejs-buffers

[23]

elasticsearch: https://github.com/elastic/elasticsearch

[24]

《浏览器工作原理与实践》: https://time.geekbang.org/column/intro/100033601

[25]

Github: https://github.com/GpingFeng/LeetCode/issues

[26]

【优化】记一次通过工具减少 Git 冲突: https://juejin.cn/post/6895534290411454477

[27]

【webpack 性能优化】编译速度从 50S 到 7S: https://juejin.cn/post/6887863430510968839