2018 所思所感

写在前面

2018 立刻就过去了，今年对于我来讲是很特别的一年，由于去年的如今，我曾经十分迷茫，由于工做这几年，写了不少代码，参与了不少项目，但总有一种碌碌无为的感受，并且彷佛离成为一名合格的全栈工程师愈来愈远了。所以，去年给本身定下的目标就是，在新的一年中，必定要远离本身的温馨区，开拓本身的视野，尽量的 forget the label，再也不之前端或者后端的角色限制本身，到头来虽然仍是感受碌碌无为，但有些事情的过程难道不是比结果更重要吗？

今年一全年来，陆陆续续看了不少书，翻译了不少文章，写了不少笔记，还折腾了不少新技术、新框架，每日也坚持学习英语，基本上也算是比较充实了，今日看到 SF 中的“总结你的 2018” 活动，所以凑个热闹，写这么一篇，简单分享下这一全年来，对于本身经历和看到的一些事情的感悟和见解。

业精于术，立于道

因为今年陆陆续续接触并上手了若干种技术栈和框架，前端后端都用，总体的感受就是我以前必定对全栈这个概念有一些误解。以前我对于全栈的理解，过度地将关注点放在了全字上面，但实际上并不是如此。同时，“学不动了”这个关键词估计能够算是今年比较火的词汇了，由于前端的技术栈更新换代实在是太快了，这也让我很是理解那些说“学不动了”的人的心态。

想要打破这种困境，必需要明白业精于术，立于道这个道理。举一些例子，像前端中的 MVVM 框架，React、Vue、Angular 这些东西是术，而组件化的开发思想、底层渲染机制、代码复用方案是道，各类编程语言是术，而面向对象、函数式、响应式的开发思想是道。固然了，我这样说的意思不是说这些术就不重要了，请注意，这句话中关于术和道的前后顺序，只有先精于术，才有可能立于道。

所以，若是你不熟悉某一类技术栈的话，先挑一个较成熟的框架或者库，学会它，以后再深刻了解它的原理，而后再利用这些原理触类旁通的横向扩充其余技术栈，会产生”学不动了“的想法，只是由于学习新东西的方式不正确而已，正确的学习方式应当是利用已有的知识来触类旁通，从而达到事半功倍的效果，从而打破“学不动了”的困境。

关于面试

因为我一直比较喜欢有挑战性的工做，每当本身进入温馨区的时候，就会产生危机感，这也是我 10 月份以来，陆陆续续进行了一大波面试的直接缘由。

老实讲，面试的过程并不顺利。像各类大厂，好比阿里、腾讯、京东的面试我都参加了几回，我一直认为本身的技术水平仍是不错的，但在实际面试中，仍是会对一些问题有所疏漏，以致于答的不能让面试官满意，以致于最终基本都挂掉了。还有一次印象比较深入的经历就是，在内推流程中直接简历评估就被 PASS 掉了，这让我一度非常蛋疼，备受打击。但后来也明白了，面试这个事情，最忌讳的就是妄自菲薄，由于挂掉不必定意味着你的能力不行，也多是不合适，并且，面试也不是一个能够量化的考核过程，达标并不意味着经过，面试者确定会选择最好的那一个，何况，千里马常有，而伯乐不常有，因此也不必太计较结果。

匠心精神

关于这一点，是我在最近接手公司的一个项目时感悟到的。关于接手的项目，只能用混乱来形容，代码毫无规范、缺少单元测试、设计缺少逻辑，其实对于接手这种类型的项目，抱有必定的负面情绪也是正常的，但我想说的是，必定不要让这些客观因素影响了本身的工做态度。

一开始，我是很反感接手这种遗留项目的，何况代码还如此混乱，所以对于一些需求的实现，老是抱有得过且过，应付了之心态去完成，结果固然不尽人意，bug 不少，每次发布更新时都很忙乱，所以后来以为不能再这样下去了，就耐下心来，好好地将项目的一些关键模块的代码看了一次，并进行了重构和调整，并补充了单元测试，以后每次发布更新都很顺利，bug 也少了不少。

因此少抱怨，多作事，耐心地解决问题，这可能才是一个合格的工程师该有的工做态度吧。

要有包容之心

程序员多是杠精最密集的职业之一，毕竟天天 true/false 见多了，说什么事情都要争个对错。好比在技术社区中，有各类版本的“驳”学，若是你本身看的话，会发现最后你也不知道他们在讨论什么了，基本是为了驳倒他人而驳。我想说的是，做为一个心智成熟的人，必定要有包容之心，理智的探讨技术问题，而非抬杠。

还有就是对待你的同事，不要由于一些显而易见的错误而抱怨或者说一些不适当的话，谁能保证不犯错误呢，有可能下一个犯错误的就是你本身。

总结

大概就这些，下面我将 2018 年内翻译和编写的具备专题性的文章作一些汇总和分类，以供参考，若是还能在必定程度上帮助到他人，那简直太荣幸了。

30 分钟系列

• 30分钟理解GraphQL核心概念
• 30 分钟理解 CORB 是什么
• 30 分钟 HTTP 查漏补缺之 Vary

高级 Vue 组件模式系列

• 高级 Vue 组件模式 (1)
• 高级 Vue 组件模式 (2)
• 高级 Vue 组件模式 (3)
• 高级 Vue 组件模式 (4)
• 高级 Vue 组件模式 (5)
• 高级 Vue 组件模式 (6)
• 高级 Vue 组件模式 (7)
• 高级 Vue 组件模式 (8)
• 高级 Vue 组件模式 (9)

高级 Angular 组件模式系列

• 高级 Angular 组件模式 (1)
• 高级 Angular 组件模式 (2)
• 高级 Angular 组件模式 (3a)
• 高级 Angular 组件模式 (3b)
• 高级 Angular 组件模式 (4)
• 高级 Angular 组件模式 (5)
• 高级 Angular 组件模式 (6)
• 高级 Angular 组件模式 (7)

SOLID 原则

• 读懂 SOLID 的「依赖倒置」原则
• 读懂 SOLID 的「单一职责」原则
• 读懂 SOLID 的「开闭」原则
• 读懂 SOLID 的「接口隔离」原则
• 读懂 SOLID 的「里氏替换」原则

接口设计

• RPC vs REST vs GraphQL
• 13 个设计 REST API 的最佳实践

其余

• dart class overview
• Angular Elements 及其运做原理
• 当心 Angular 中的单例 Service