一个前端的自我修养（转载）

（原文信息：做者: 寒泉  来源: 淘宝前端团队博客  发布时间: 2016-05-24 18:32 原文连接）

最近奔波完秋招，才知后觉发现本身不只在基础知识仍是在能力上，都出乎我意料以外。不少时候在思考，可以找到实习，可是却在秋招上一塌糊涂，想了好久都没有发现是什么缘由。其实每一次的面试都是对自身知识以及能力的一次拷问，每次面试完就是对着将来迷茫，对本身过去的学习的怀疑。“后台的路就这么短，前端的路还很长。”如今我终于知道为何本身会在秋招输的一塌糊涂。庆幸为时不晚，接下来的路还有很长。

 

原文以下：

今天给你们分享的主题是前端的自我成长，这是一个关于成长的话题。

不少人都有这样的感受：听了不少技术圈子的分享，有的有深度，有的循循善诱，深刻浅出，可是呢，几年下来，到底哪些用上了，哪些对本身真的有帮助了?反而有些模糊。

2015 年我在不一样的场合分享了不少内容：有移动端的性能、有适配、有 Web vs Native，也有 hybrid，可是其实我一直比较担忧，真正有深度的内容，其实面向的是比较小众的群体，好比说 Hybrid，其实它在大部分公司里面，是只能用现成的。

因此我这一次尝试分享一个我认为能够帮助到全部前端的话题，关于前端的成长，若是说这个分享的内容，听众里面有那么几十我的拿到 BAT 的 offer，或者升职加薪，那么我以为我就认为我取得了成功。

前端实际上是个特别苦逼的职业，由于前端技术一直革命的特别快，新技术、新技巧在不断地被发明出来。以前我有一个朋友，他讲说他对本身的认知是了解前端、熟悉前端、精通前端、熟悉前端、不懂前端。为何呢，他说当他以为本身对前端全部的东西以为无所不知，无所不能的时候，突然看到了一段代码，他彻底没法理解，因而整个世界就崩塌了，今后不再敢说本身会前端。

我就跟他说，这里，缺乏的是一种正确的方法，你以为无所不知、无所不能的标准是什么，是工做中好久没遇到解决不了的问题么？他说还真是这样。我就又问他，那你系统学过前端么？他想了想，还真没学过，大学里不开这个课。的确如此，到目前为止，尚未任何一个大学会教前端，却是有些培训班，会讲网页开发三剑客。

我这里讲的内容，但愿带给你们的，就是该如何学习前端，实现自身成长。

关于成长，首先我得发一个免责声明，不是我对我讲的内容没有信心，而是成长是本身的事，英文有句话，在外企工做的人会常常听到，叫作：

You are the owner of your career.

你是你职业发展的责任人。这句话潜台词是，你（不是你老板，也不是你爸妈，也不是你女友）是你职业发展的责任人。

这句话我在我职业生涯的起点据说，一直指导个人职业发展，甚至在我带团队，培养团队的时候，也是中心的指导思想，以前我带的团队的同窗，他们有很多人也在带团队，其实他们也在实践这句话，因此我这里，也把这句话、把这个道理分享给给你们。

咱们讲前端成长，我认为，主要在两个方面，一部分是“能力”，一部分是“知识”。我我的的观点，能力占百分之八十，知识占百分之二十。

从这个图上，你们能够看到，其实咱们认为变化快的东西，最新出来的 Angular、React、ES2015，其实都在知识里面，知识又分红两部分，一部分我把它叫作标准，它是相对而言比较稳定的，不多会出现一个标准被推翻的事情。另外一部分则是技术，像是 jQ、React 这些框架啦，像是 MVC、FLUX 这些架构的东西，这些东西是由各个公司主导的，变化就很是快，你看 Grunt 发展了没多久，Gulp 就来挑战他了，而后又有 browserify、webpack 这些东西。

而我认为占重点的能力，则是很是稳定的，我认为能力是三大块：编程能力、架构能力、工程能力。

编程能力，就是用代码解决问题的能力，你编程能力越强，就能解决越复杂的问题，细分又有调试、算法、数据结构、OS 原理等这些的支撑，你才能解决各类麻烦的问题。

架构能力，则是解决代码规模的问题，当一个系统足够复杂，你会写每一块，能解决每个问题，不等于你能搞定整个系统，这就须要架构能力，架构能力包含了一些意识，好比解耦、接口隔离，也包含认识业务创建抽象模型，也有一些常见的模式，好比经典的 MVC，还有设计层面，面向对象、设计模式等等。

最后工程能力，则是解决协做的问题，当系统规模更大，光靠一我的，是没办法完成的，如何保证几个高手互相可以配合好？如何保证项目里面水平最差的人不拖后腿？这个工程化建设，每每会跨越多个业务，以汇报关系上的团队为单位来作。包括先后端解耦，模块化，质量保证，代码风格，等等。

其实不难看出来，这三项，实际上是有顺序的，低等级、小团队，编程能力一项就能应付，越资深的前端，越大的公司和团队，越是须要后面的技能，可是这里我要强调一点，其实资深前端，大团队，对能力的需求，是既要还要——不是说资深的前端，编程能力就能够变差。

社区总会有一些声音，对工程能力，对架构能力持有一种抵触的态度，以为比较虚，以为不须要。实际上以某些人所在的岗位来讲，也没错，毕竟公司、团队的状态确实可能用不到，可是以我的成长的角度来看，就是大错特错。

 

下面咱们来具体讲讲，关于知识的学习。

对知识，我一直有个观点，叫作宁缺毋滥，这个图片上写了一句好前端才分对错，是的，其实不少人，他学习东西的时候就喜欢挑，挑简单的学，书选择最”深刻浅出”的，在这种心态下，没有任何一丝学好的可能性，

因此我对知识学习的目标，理解为亮点，一曰准确，二曰全面。当年学习一部分知识，若是你能作到这两点，那你未来在业务上作技术决策的时候，你面对面试官技术问题的时候，信心跟你只看过皮毛是彻底不同的。

怎么作到这两点呢？我想路子确定有不少，而个人答案，我这里要分享的，是“创建本身的知识体系”。

如何创建本身的知识体系呢？我我的总结的经验，是下面几个步骤：

第一步，寻找线索。

你要了解一个知识，好比我想学 Web 平台的 API 了，固然能够先找一本书，看看别人都写了什么，可是我不喜欢这么干。

我大学里，学前端的东西，为了找个 id 和 name 的区别，曾经要借十几本书来，对比着看，那个时候，是真的没人告诉我，什么书比较好。因此我对别人总结好的知识，第一反应是质疑，不信。

因此我比较推荐，找一些比较准确的，你能够肯定它真的足够全面的资料看成线索。对 Web 平台的 API，我就用反射：

 

浏览器里给出来的这个属性列表是不会骗人的，用这个东西做为线索，我就颇有信心。

一样可能比较适合作的资料，还有一些标准文档的附录，和源代码里的结构定义。

第二步，是创建联系。

好比说，看下面几个 DOM 属性：

这里，左边一列是操做 Node 的，右边一列是操做 Element 的，它就存在必定的对应关系。

通常来讲，咱们找对应关系的方式有如下几个依据：

• 美感
• 完备性
• 操做同一组数据

特别提一下，操做同一组数据，正是面向对象的核心概念，对前端而言，有点不同的是，全部的 API，根都是 window，因此，其实大部分的 API，能够依据面向对象的数据和操做的观点进行划分。

第三步，是分类。

这里我给出一个实际一些的例子，下图是我对 zepto(移动简化版jQuery)，的 API 分类

 

创建联系之后，咱们依据知识之间的联系，进行分类，就能够获得一张图谱，在这个图里面，你就能够很是清楚地知道，哪些知识，是很是重要的，哪些，实际上是能够互相替代的。

而一旦有你以前没见过的东西，你又能经过把它放到图谱里，来快速理解它，或者找出一些很好的替代方案。

好比说面试的时候，若是面试官问你 bind 和 unbind 怎么用，你还不会，这时候，若是你内心有这张图，你就不至于一脸懵了，你能够说，虽然我不知道 bind 和 unbind，可是我知道 live 和 die 啊，我又知道 on 和 off 啊。

这张图里咱们就能够看出，collection 里面的东西，多半没什么用，而节点操做里，确定就都颇有用。

第四步，是追本溯源。

当我对一个知识体系的全貌有了概念之后，占了全面两个字，接下来须要确认它的准确性。不少知识，在社区，会有不少的争议，该相信谁呢，这是个问题。而个人答案，就是追本溯源，去找它最初的讨论和定义。

有一个真实的案例，就是闭包这个概念，曾经咱们不少人的理解都是错的，把闭包和 scope 的概念给混淆起来，认为闭包是函数的执行环境上下文，可是有一个叫作 hax 的（不少人应该都认识他，哈哈），他就对此提出了质疑，认为闭包就是函数。因而我就去查证闭包的概念。

你们都知道，wiki 实际上是不许确的，可是其中有一段，基本不会太有问题，就是历史。下图是 closure 这个词条的历史部分：

从这段历史里，我找到了一个名字， Peter J Landin，他是提出者，那么，我就去看看他究竟是怎么说的，因而我去 google 学术搜索，找他的文章

果真找到了，因而咱们看看原始的文件

这个定义，对应到咱们今天 JS 里的闭包，是稍微有点区别的，可是它毫无疑问，是包含了两个部分环境部分和控制（代码）部分，因此其实，闭包就是对应着 JS 的函数，而以前，广泛的观点是认为闭包只包含环境。

因此这个追溯的过程，可以帮咱们真正搞清楚对错。

除了 wiki-google 学术搜索的组合，还有一些邮件列表和 github 提交历史，也是很是适合去查证一些概念和技术的历史的。

最后说，我讲的这个创建知识体系的过程，是不断接受新知识，挑战、质疑原有的体系，推翻再重建，每一次循环，你的知识体系都变得更加坚固，更增强大。

下面分享的一部分，是关于能力培养。

能力培养其实重要性很高，可是其实提及来，内容却不多。只有两点: 教材、训练。

对知识学习，我是主张创建本身的体系，不要去相信书，可是对能力培养，个人观点就恰好相反，我以为能力的体系，偏偏是难以本身创建的，须要教材去指导。这是由二者的复杂程度和变化速度决定的。

想培养能力，就要找经典的教材来学习，像算法导论，The C++ Programming Language这些经典，几十年都没有过期。

注意这里我用了教材，而不是书。

教材和书最大的区别，就是有没有习题。

在我看来，内容再难的书能够一星期读两本，可是教材必定不行，教材必定得花几个月的时间，一边读一边作习题。

因而谈到训练。

其实有个事实是，工做之后，只有极少数人仍然可以作到训练，好比我本身的编程能力，我自觉工做 七、8 年，几乎没有过进步。

训练应该是系统的（须要教材）、主动的，这两个特色不可或缺，有人会以为，我真的工做很辛苦，天天都要加班，可是其实，任何被动的痛苦，都无法给人带来进步，你的痛苦却是可能给老板带来更多收入。

若是面临困境，能够选择系统训练来提高本身，可是对大部分人来讲，可能更乐于选择一个一个变通的办法: 养成习惯，让工做变得更有挑战。

这个事情其实有很多理论，比较有名的是 Noel Tichy 提出的心理温馨区、学习区和恐慌区。选择一份对本身来讲具备挑战性的工做，正面解决问题。

技术圈里流行一个笑话，说的是一我的，工做了三年，却只有一年的经验，由于后面两年都在重复第一年的工做。

因此咱们要作的事，就是永远不重复劳动，当你以为如今的工做，愈来愈温馨，愈来愈缺乏风险的时候，就应该引发警戒了。

而虽然训练是个很困难的事情，其实你们也没必要过于担心，虽然处处都是“一万小时训练”的言论，如今各大公司的招聘门槛，在我看来应该都卡在几百小时训练的程度。因此我想说，一万小时过久，只争朝夕。但愿看到你们成为更好的前端，作更好的本身。

以上是我分享的全部内容。