一个好玩的 Terminal 插件

推荐一个好玩的终端插件,名字叫:thefuck。回想下每次把 git status 写成 git stats, git branch 写成 git brunch 的懊恼,虽然每次重新输入并不会花费太多时间,然而输错的瞬间你可能最容易脱口而出的就是 “fuck” 了。那么当输入有误时,假如你能任性的敲入 fuck,终端乖乖替你完成正确的输入,是不是很解气?

深入 ES6 - 模块

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

当我在2007年组建 Mozilla Javascript 团队时,好笑的是当时典型的 Js 程序只有一行。

两年后谷歌地图被推出,在这之前不久,Javascript 主要被用来做表单的验证,并且可以确定的是<input onchange=> 仍旧只有一行。

深入 ES6 - 类

原文出自 ES6 in depths, 作者 Eric Faust, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

我们从上周文章介绍的错综复杂后得到一丝喘息的机会。今天不会有从未见过的 generators 的写法; 没有操纵 Javascript 内部算法的 强大代理对象;没有避免自己刀工火种的新数据结构。取代的是,我们要讨论下句法和语义上一个遗留问题: Javascript 的对象构造。

问题所在

深入 ES6 - 箭头函数

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

箭头在 Javascript 早期便已存在。第一个 Javascript 指南建议将 Javascript 代码用内联 scripts 标签包裹,写在 HTML 注释里。这样对于不支持 Js 的浏览器,Javascript 代码就不会被认作是 text 了:

1
2
3
4
5
<script language="javascript">
<!--
  document.bgColor = "brown";  // red
// -->
</script>

深入 ES6 - 其他参数及默认参数

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

本文主讲的两个特性:其他参数和默认参数,将使得 Javascript 更富有表达性。

其他参数

在创建 API 时常会需要可变函数,该函数接受任意长度的参数。例如:String.prototype.concat 接受多个字符串参数。ES6 提供一种新的方式来传递可变参数。

我们写个简单的函数 containsAll,用来检查字符串是否包含一系列的子字符串。例如: containsAll(“banana”, “b”, “nan”) 会返回 true, 而 containsAll(“banana”, “c”, “nan”) 返回 false。

一般我们是这样写的:

深入 ES6 - 模板字符串

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

上周我承诺换个节奏。继迭代器跟 generators 后,我说要换点儿简单的,不会烧糊你大脑的东西。读完这篇文章,看看我是否信守承诺。

现在,先从简单的开始。

` 的基础知识

深入 ES6 - 生成器

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

我很激动,因为今天我们要聊一聊 ES6 里最神奇的特性。

怎么个神奇法? 对于初学者来说,这个概念跟以往 Js 里其他概念截然不同,以至于初次接触有些晦涩难懂。在某种意义上,它完改变了语言的行为。 如果这都不算神奇,那么?

深入 ES6 - 迭代器和 For-of 循环

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

ES6 In Depth 系列将详细解读 ES6 的新特性。

怎么循环一个数组的元素呢?20年前,Js 代码是这么写的:

1
2
3
for (var index = 0; index < myArray.length; index++) {
    console.log(myArray[index]);
}

从 ES5 起,你可以这样写:

1
2
3
myArray.forEach(function (value) {
    console.log(value);
});

深入 ES6 - 简介

原文出自 ES6 in depths, 作者 Jason Orendorff, 翻译:落在深海

欢迎来到 ES6 In Depth! 这个周系列,我们一起将探索 JavaScript 即将推出的新版本:ECMAScript 6。 ES6 富含许多新特性,将让 JS 变得更加强大,富有表现力,我们将在接下来几周内一一研究。在深入细节之前,有必要谈谈什么是ES6,使用它你会得到什么。

ECMAScript 的局限