催眠式学习ES6

原文:我是如何在一天内学完ES6全部新特性的

前端博客注:看了下面的这篇文章,我觉得这写得真好,给了我几个学习新知识的方法,记录分享给大家。

1.催眠式学习方法(这玩意很有趣,感觉太棒了,我一定要搞定这个玩意,没啥难的…)

2.作用论学习方法(这个有没有用,学来干嘛用)

3.对比式学习方法(跟其他轮子有什么不同的地方,为啥要学习这个,有什么优势)

4.标记式学习方法(用笔记记录重点,把需要学习的东西先做一个摘要整理起来)

5.目标分段完成式学习方法(学习完一个标记一个,给自己一个目标,不要把终点定得太过遥远,分段完成)

根据以上几点,还有一个大前提,有时间,和自己感兴趣(催眠式)。后面我将会分享我根据以上学习方式来学习ES6的一些东西,欢迎关注。^_^

以下为正文:

首先我要先声明,我并不是在炫耀我的学习速度是多么的快,因为快并不见得就是好东西。对于那些30天就能怎么怎么样,7天就能怎么怎么样的教程,我是不屑一顾的(仅仅是为了渲染气氛而已,该看的还是得看),同样,我也不是要出一篇《一天让你学会ES6》的教程。

我所说的是“学完”、“全部”,学完不代表学会,我还没有去使用去实践,根本没有资格说学会了。何为全部?一向新技术出现之后,我们习惯性去百度,于是便有了各种各样介绍新特性的文章。当然,在这些文章中,你可以初步了解ES6,也学会了一些新特性的用法,而且随着你看过的文章越多,你学会的也越多。但是,但是,但是,Time is All(not only money),你永远不可能“一天”、“学完”,重点是,你永远不知道你到底有没有学完。

学无止境,为何要强调“学完”呢?本篇文章实际是以一个不同的角度,作为我的分享《上帝视角看Angular(初学者篇)》(以下简称《上帝》)的总结。我是一个传教士,仅传播理念,不传播技术,因为我的理念是“技术学习是靠自己的”。分享,只不过是告诉你有这个东西而已。

首先,你得有个立场

立场,是建立在你对这个事物最初步的了解,否则就是,别人说什么你都觉得有道理,那就是“墙头草,随风倒”了。

我在学习 Angular、ES6 之前,已经看过不少前辈们对他们的评价,比如:“为何要从 Angular 转向 React”,“为何要从现在就开始使用 ES6”,“为何要抵制 ES6”。

而我决定要在一天内学完 “ES6” 的立场就是:

  1. ES6 真 tm 有趣
  2. ES6 真 tm 有趣
  3. ES6 真 tm 有趣

说的多了,我竟然信了。

然后,从另一个角度看问题

在分享《上帝》中,分为两个小结和一个总结,我分别说了 3 句“然而并没有什么卵用”,如果你不会从另一个角度去看这句话,本篇文章其实也没什么卵用。

第一个小结的主题就是“从另一个角度上看,Angular 其实就是 Directive,也就是 web component”,虽然我说的是“透过表象,Angular 的本质是 Directive”,愚蠢的人类啊,你以为你真的能看透本质吗?

如果你不能够全面的看待一个事物,那你就是在瞎子摸,虽然臣妾也做不到,但朕一直在努力着。

新技术才是最容易全面了解的

分享《上帝》中,我推荐大家通过 Dash 去看 Angular 的 API 文档,并展示了自己整理的思维导图。

其实全面学习 ES6 的最佳方案是去读 W3C 标准啊亲,但是臣妾英语不好啊亲。

说了这么多,我到底如何做到“一天”、“学完”、“全部”的呢?

  1. ES6 真 tm 有趣
  2. 我有毅力,而且今天没啥其他事要干
  3. http://es6katas.org/ (我认为目前这里 ES6 的新特性已经很全面了)

那,我到底是不是仅仅为了推荐一个学习的网站呢?

  • 随便一个特性点进去,下方有 1-71 的序号,本题的首行注释中会标注本题序号
  • 我首先将首页中所有特性先抄了一遍(这和我将 Angular API 画思维导图的出发点是一致的)
  • 从 1-71 按顺序做题,每做完一道,找到所属于的特性并做标记
  • 自 71 题全部完成,所有属性均被标记,既,ES6 全部新特性 get

全面学习 ES6 之后有啥感悟

当你在学习二手资料的时候,你会认同原博主的观点,ES6 的新特性云云,以及出现了的新对象、原对象的新方法云云。

但是当我带着“上帝视角”看 ES6 在我手中成长时,每一个新对象、原对象的新方法的出现,都不是可有可无的,都是为了迎接那新特性,带着新的思维方式,让你感受到标准制定工作者的严谨,以及天罗地网无缝可钻的可怕。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流