所有的新概念并不是人们闲的没事想出来的，而是为了解决已有的某些问题才出现的。所以只要我们从历史的角度去看，就能更容易理解这些新概念！



### 什么是迭代器

我们在用循环语句迭代数据时，必须要初始化一个变量来记录每次迭代在数据集中的位置，比如说`for`循环：

```js
const arr = ['red', 'green', 'blue']
for (let index = 0; index < arr.length; index++) {
  console.log(i)
}
```

在上面的代码中，我们就是通过变量`i`来跟踪索引，我们通过观察`i`来了解现在循环到数组中的第几个项了。

这个例子中的循环很简单，但是如果嵌套循环，则需要追踪多个变量，代码复杂度增加，就很容易出错。就像`Promise`的出现是为了解决回调地域一样，迭代器的出现就是为了消除这种复杂性并减少循环的错误。

为了更好的理解迭代器的运行方式，我们先用 ES5 的语法写一个迭代器函数，代码如下：

```js
function createIterator(items) {
  var i = 0
  return {
    next: function() {
      var done = i >= items.length
      var value = !done ? items[i++] : undefined
      return {
        done,
        value
      }
    }
  }
}

var iterator = createIterator([1, 2, 3])
console.log(iterator.next()) // {value:1, done:false}
console.log(iterator.next()) // {value:2, done:false}
console.log(iterator.next()) // {value:3, done:false}
console.log(iterator.next()) // {value:undefined, done:true}
```

其实这段代码已经给出了迭代器的定义：迭代器函数定义了一个`next()`方法，这个方法执行后会返回一个对象，拥有`value`和`done`两个属性，`value`告诉你下次执行时候的返回值，`done`告诉你是否执行完了。

### 什么是生成器

生成器就是“能够返回一个迭代器函数的函数”。

上面的迭代器我们是自己定义的，比较麻烦，所以官方出了一个可以生成迭代器的函数，试着比较一下下面两段效果一样的代码：

```js
// 自定义迭代器
function createIterator(items) {
  var i = 0
  return {
    next: function() {
      var done = i >= items.length
      var value = !done ? items[i++] : undefined
      return {
        done,
        value
      }
    }
  }
}

// 使用生成器函数返回迭代器
function* createIterator(items) {
  for (let i = 0; i < items.length; i++) {
    yield items[i]
  }
}
```

就是这么简洁好用！

还是上面那个例子，我们粘过来，不过这一次我们使用生成器函数：

```js
function* createIterator(items) {
  for (let i = 0; i < items.length; i++) {
    yield items[i]
  }
}
let iterator = createIterator([1, 2, 3])

console.log(iterator.next()) // { value:1, done: false }
console.log(iterator.next()) // { value:2, done: false }
console.log(iterator.next()) // { value:3, done: false }
console.log(iterator.next()) // { value:undefined, done: true }
```

其中，`function*`用来声明一个生成器，`yield`是一个关键字。

`yield`是啥？在调用迭代器的`next()`方法时，遇到`yield`就会暂停，然后返回迭代器的结果对象`{ value: xx, done: xx }`。当我们再次调用生成器的`next()`方法时，如果它还没执行到头（done 不为 true），那么他就会继续执行。

以上。

如何理解迭代器（Iterator）和生成器（Generator）

懒是第一生产力！



其实在这个 vue-cli 项目之前，这个 hexo 的博客已经使用 jenkins 进行了自动化部署设置，只是因为懒没写文章来介绍配置过程。这次在部署 vue-cli 项目时遇到了一些新坑，所以记录一下，本篇文章从创建 jenkins 新任务开始，并不会介绍 jenkins 的安装配置过程。

## 创建一个新任务

![](http://img.maqingbo.com/images/2020/03/29/1fedc07d-c081-4964-9e4b-18f2489d1230.png)

![](http://img.maqingbo.com/images/2020/03/29/e35737de-da65-40c6-a368-90918f001519.png)

点击确定之后会直接跳转到配置页面，我们依次填写：

**General**
我这个项目是放在 github 上的，所以需要勾选这一项。
![](http://img.maqingbo.com/images/2020/03/29/f2988512-20b2-494f-b12e-2270984f4785.png)

### 源码管理

勾选 Git 选项，添加仓库地址，然后添加验证信息。
![](http://img.maqingbo.com/images/2020/03/29/cca77232-24b1-4e92-b8ef-263e960bcbf1.png)

![](http://img.maqingbo.com/images/2020/03/29/8e5002f8-0ceb-4592-be9a-24bbc123348c.png)

![](http://img.maqingbo.com/images/2020/03/29/0a2cf486-87cf-4605-bff6-915599a3d1b5.png)

### 构建触发器

`Github hook trigger`表示：只在 Github 推送 webhook 事件给 jenkins 时才会执行自动构建，这个功能 Github 仓库那里也需要配置。

![](http://img.maqingbo.com/images/2020/03/29/1e986131-8faf-4cdd-bf0c-6820de7ef65b.png)

github 仓库配置：

![](http://img.maqingbo.com/images/2020/03/29/b2ee6dda-87a4-447b-b862-428b7500ec80.png)

![](http://img.maqingbo.com/images/2020/03/29/4caf0a6f-ad3b-4ad3-b8db-31b7dd160db2.png)

第一步的 Payload URL 需要去这儿找：

jenkins 复制一个新窗口，进入系统配置。

![](http://img.maqingbo.com/images/2020/03/29/d5a497a2-6d6e-4315-8b81-f140b0654e32.png)

![](http://img.maqingbo.com/images/2020/03/29/662abb81-cc24-4c53-8671-cef7b97ffb6a.png)

插曲结束，jenkins 新窗口不要关，我们继续。

### 构建环境

![](http://img.maqingbo.com/images/2020/03/29/d6ae02ec-a1d9-4f21-8260-1962c64e48f0.png)

先勾选，再选择 nodejs 版本，因为我这个事先已经安装了 nodejs 所以有的选，如果你没安装应该是空白的。

下面我们再来一个插曲，介绍如何在 jenkins 里安装 nodejs，让我们切换回刚刚没关闭的那个窗口，进入`插件管理`。

![](http://img.maqingbo.com/images/2020/03/29/ac710c47-9198-4d16-8ce4-7ecdda70ff6b.png)

![](http://img.maqingbo.com/images/2020/03/29/4d58906e-2b95-4802-b841-27db90edbe44.png)

因为我已经提前装了，不再详细说，很简单，大家自己来吧。装完插件后进入`全局工具配置`。

![](http://img.maqingbo.com/images/2020/03/29/d7be5c5c-701b-447d-925e-c2539b150116.png)

![](http://img.maqingbo.com/images/2020/03/29/730daf9b-4a25-480f-83ca-d20081193dbd.png)

保存之后，插曲结束，我们继续。

### 构建

构建 -> 点击`增加构建步骤` -> 选择`Execute NodeJS script`。

其实这一步我们并不是要执行 node 语句，而是选择 node 版本，如果不加这一步，jenkins 会默认使用 6.x 版本的 node，导致构建失败。

> 参考：[jenkins nodejs 插件](https://plugins.jenkins.io/nodejs/)

![](http://img.maqingbo.com/images/2020/03/29/5ef59c0a-a9c6-4caf-83e0-32f59edf0568.png)

然后，点击`增加构建步骤` -> 选择`执行 shell` -> 填写下面的语句。

> xxx.com 为网站目录

```shell
npm install
rm -rf ./dist/*
node -v
npm run build
rm -rf /www/wwwroot/xxx.com
cp -rf ./dist/* /www/wwwroot/xxx.com
```

最后点击左下角的`保存`，至此，新任务创建结束。

## 手动执行构建

任务配置完成之后，回到新创建的任务界面，我们尝试构建一次来测试下效果。

![](http://img.maqingbo.com/images/2020/03/29/ba08cd5f-679d-4bcc-ad4e-5470134f1ee7.png)

第一次构建，会执行 npm install，下载很多包比较慢，注意保持耐心。构建历史列表中，蓝色小球为成功，红色为失败。点击进度条或者小球可查看构建过程中控制台输出的 log 信息，我们上面添加的 shell 命令 jenkins 会依次执行。

构建成功的标志，是控制台的最后输出：`Finished: SUCCESS`

构建完成后我们去查看一下服务器 `/www/wwwroot/xxx.com/` 文件夹里面的内容

![](http://img.maqingbo.com/images/2020/03/29/2022b89c-e4d4-4b3f-ba38-f59f6a41efe3.png)

此时文件夹里面已经有了打包后的内容，网站访问也没问题，构建成功！此后只要我们往 github 的 master 文件执行 push 操作，jenkins 会自动帮我们构建，爽的一批~

使用jenkins自动化部署Vue-cli项目

super 关键字用于访问和调用一个对象的父对象上的函数。



## class

ES6 的 `class` 并没有为 JavaScript 引入新的面向对象的继承模型，实质上是 JavaScript 现有的基于原型继承的语法糖。

```js
// ES6
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return '(' + this.x + ',' + this.y + ')';
  }
}
```

等同于：

```js
// ES5
function Point(x, y) {
  this.x = x;
  this.y = y;
}

Point.prototype.toString = function() {
  return '(' + this.x + ',' + this.y + ')';
}
```

constructor 方法是一个特殊的方法，这种方法用于创建和初始化一个由 class 创建的对象。一个类只能拥有一个名为 “constructor”的特殊方法。如果类包含多个 constructor 的方法时会报错，如果没有显示定义 constructor 方法，会默认添加一个。

一般 constructor 方法返回实例对象 this ，但是也可以指定 constructor 方法返回一个全新的对象，让返回的实例对象不是该类的实例。

## super关键字

super 关键字有两种用法，下面的是 MDN 上给出的语法结构：

```
super([arguments]);
// 调用 父对象/父类 的构造函数

super.functionOnParent([arguments]);
// 调用 父对象/父类 上的方法
```

### 调用 父对象/父类 的构造函数

```js
class B extends A {
  constructor(width) {
    // 相当于 A.prototype.constructor.call(this, length)
    super(length)
    this.name = 'Job'
  }
}
```

注意：

- 使用了 extends 关键字并指定了 constructor 函数时，必须执行一次 `super()`
- 此时的 super 作为`函数`使用；
- 必须写在子类（B）的 constructor 之内；
- 必须写在 this 之前.

### 调用 父对象/父类 上的方法

```js
class A {
  constructor() {
    this.name = 'Frank'
  }
  sayName() {
    return `i'm ${this.name}`
  }
}

class B extends A {
  constructor() {
    super()
    this.name = 'Job'
  }
  sayMyName() {
    // 相当于 A.prototype.sayName.call(this)
    return super.sayName()
  }
}

let C = new B()
C.sayMyName() // "i'm Job"
```

注意：

- 此时 super 作为`对象`使用；

理解 es6 class 中的 super

配置文章的永久链接有利于 SEO，当然也更好看。



在站点的`_config.yml`中，生成的文章链接默认为：

```yaml
permalink: :year/:month/:day/:title/
```

这种情况下，文章名称一旦是中文，那生成的链接简直就是灾难...

```
https://xxx.com/post/%E4%B8%BA%E4%BB%80%E4%B9%88%E6%88%91%E4%BB%AC%E7%9A%84%E5%A4%A7%E8%84%91-%E6%9B%B4%E5%AE%B9%E6%98%93%E6%B2%89%E8%BF%B7%E6%B8%B8%E6%88%8F-%E8%80%8C%E4%B8%8D%E6%98%AF%E5%AD%A6%E4%B9%A0.html#more
```

## 解决方案一（已过时）

在 md 文件的 Front-matter 区域，增加一个 `urlname` 属性，用来放文章的英文名字。

```yaml
title: hexo链接持久化终极解决之道
urlname: hexo_permalink
date: 2017-08-31 23:53:24
comments: true
```

然后修改 `_config.yml` 里的配置:

```yaml
permalink: posts/:category/:year:month:day-:urlname.html
permalink_defaults:
  urlname: index
```

不再详细介绍，参考：[Jingbin's Home](https://jingbin.me/2018/06/06/set-hexo-permalink/)

## 解决方案二

[hexo-abbrlink](https://github.com/rozbo/hexo-abbrlink) 是一个 Hexo 插件，用于根据帖子标题生成静态帖子链接。

安装

```bash
npm install hexo-abbrlink --save
```

在站点配置文件 `_config.yml` 中查找代码 permalink，将其更改为:

```yaml
# posts/ 部分可自行更换，我的是 :year:month:day/:abbrlink.html
permalink: posts/:abbrlink/
```

然后在站点配置文件中添加如下代码:

```yaml
# abbrlink config
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 进制：dec(default) and hex
```

生成后的文章样式：

```yaml
# crc16 & hex
https://xxx.com/posts/66c8.html

# crc16 & dec
https://xxx.com/posts/65535.html

# crc32 & hex
https://xxx.com/posts/8ddf18fb.html

# crc32 & dec
https://xxx.com/posts/1690090958.html
```

完美解决问题！:tada:

配置之后常见问题：按照给的方法添加配置后生成链接都是`undefined`，执行以下命令即可：

```
hexo clean
hexo s
```


## 参考

[JingBin's Home](https://jingbin.me/2018/06/06/set-hexo-permalink/)
[Time Flying](http://muyunyun.cn/posts/f55182c5/)
[Github - hexo-abbrlink](https://github.com/rozbo/hexo-abbrlink)
[Github - issues](https://github.com/rozbo/hexo-abbrlink/issues/37)

博客文章永久链接设置

比较长时间才能获得反馈的事情（比如看书，健身等），往往分泌较少多巴胺，让我们缺少兴趣。那如何才能保持对这些事情的兴趣呢，你可能需要`多巴胺排毒`！



我们总是能很轻易的坐在电脑前玩上几个小时的游戏，但是却很难坚持学习半个小时。即使理智上知道学习、锻炼、工作等一些事情从长远来看更能给我们带来好处，然而我们还是更喜欢玩游戏、看手机。

有人说这很容易解释，有些事情做起来很简单且有趣，有一些却很困难，需要全身心的投入。但是我们周围总有那么一部分人能坚持学习和锻炼，为什么有些人更有动力去解决这些困难的事情呢？有没有什么办法能让这些困难的事情做起来更容易？

### 做事情的动力：多巴胺

要回答这个问题，我们就该研究一下一种大脑中的神经递质：多巴胺。

> 关于多巴胺的实验：
> 很早以前，科学家就发现，训练小白鼠按按钮，然后用电极刺激它大脑的特定区域，这只小白鼠就会废寝忘食、不顾一切地去按按钮直到丧失行动能力，甚至死亡。这个实验就让科学家猜测说，电极刺激的这个区域很可能会给小白鼠特别强的快感，于是它们就把这个区域叫“快感中枢”。而恰恰是这个实验，让我们对多巴胺产生了错误的观念。
> 
> 后来，美国有科学家又做了针对人的类似研究。他在病人的大脑里植入电极，然后给他们一个控制盒，结果就发现这个被试者也和小白鼠一样疯狂地按按钮。而且在电源都被切断以后，一个被试者发出了强烈抗议，另一个竟然不管不顾，继续狂按已经失效的按钮两百多下，直到被别人制止。后来研究人员就问他，在刺激自己的时候有啥感觉。被试者回答说“令人非常沮丧”。虽然他疯狂地按按钮，但却一直没能得到想要的满足感，反而越刺激越让他觉得焦躁不安，一点也没觉出什么幸福和快乐来。

这个实验就说明，通过电刺激产生的多巴胺，不能获得快感，反而会产生焦虑。

所以，科学家得出结论说，大脑在期待一种奖励的时候，才会释放多巴胺。但多巴胺和真正得到这种奖励以后，感觉到的快感无关。也就是说，这种快乐的感觉不是多巴胺带来的，它只是使我们渴望去做某些事，使我们有动力去做某些事！

实际上，在做事情之前，你的大脑在很大程度上是在基于`做这件事所能得到多巴胺的含量`来定制优先级的，哪怕这些事情本身对你并没有好处。大脑并不会判断多巴胺释放的多了对你有没有好处，他只会想要更多。如果一项活动释放的多巴胺太少，你将没有什么动力去做这件事。但是一项活动如果会释放大量多巴胺，你就会被激励一遍一遍的去重复做。那些能够立即得到反馈的活动，最容易释放多巴胺，比如电子游戏、甜品；而那些需要通过长时间才能得到反馈的事情，比如读书、健身，则会释放少量的多巴胺。吸毒就是这样一个例子，吸毒者知道自己在做对自己不利的事情，但是他停不下来，因为吸毒不仅让大脑更兴奋，同时还释放了很多多巴胺，所以明知这么做不对也会越来越想吸。

值得指出的是，虽然几乎所有的活动都会释放多巴胺，但是`随机奖励事件`释放的尤其多！比如赌场里的老虎机，即使你之前一直在输钱，你最终还是想获得更大的奖励，只是你不知道什么时候会发生。其实生活中包含了很多这样的随机奖励事件：浏览社交媒体、玩游戏、看手机，我们一直都在等待那个不确定的`点`来刺激一下我们的神经，就像那些拉动杠杆的小白鼠，试图获得更多的多巴胺。

### so what？

这时候有人会说，多就多呗，那又咋啦？

在原始社会中，这是一种很好的机制，促使我们趋利避害，是人类亿万年演化出的生存策略。但是由于现代社会的快速发展，且大脑的进化并没有那么快，所以这个机制并不是完全适用于现代社会，某些时候还给我们的生活带来负面的影响。

我们身体内部具有一套被称为`内稳态`（homeostasis）的生物系统，意思是我们身体的内部环境会保持一个动态的平衡，每当失衡发生的时候，大脑都会主动去调节和平衡。比如，当我们体温下降时，我们会发抖产生热量，起鸡皮疙瘩防止热量散发；天气很热时我们会出汗利用蒸发降温。

在这其中，身体在维持内稳态的时候，有一种调节方式叫做`提高耐受性`。举例说明：有些人一喝酒就醉，说明这个人身体对酒精比较敏感，但是当他经常大量喝酒的时候，身体会逐渐降低对酒精的敏感度，酒精耐受性提高了。对于多巴胺来说这是一个道理，当你经常做一些能够大量释放多巴胺事情的时候，你的身体已经习惯了高水平的多巴胺，这种高水平的状态就会变成你身体的新常态，让你产生了耐受性。这是一个大问题，因为那些不能够产生大量多巴胺的事情，会更加提不起你的兴趣（读书、学习、健身），让自己去做这些事情也会变得更加困难。这也是戒毒人员很难适应正常生活的原因之一。

### 多巴胺排毒

既然这样，那么是否可以采取某些措施防止这种情况的发生？

视频作者引入了一个概念：`多巴胺排毒`（dopamine detox）。具体操作是每周留出一天的时间，这一天要避免所有刺激性很强的活动，用来让你的多巴胺受体恢复到正常水平。（吸毒人员请寻求专业帮助，因为可能已经形成了心理和生理上的依赖性）

所谓刺激性强的活动包括但不限于：上网、打游戏、看电视剧、看片、听音乐、吃零食等等，你要做的就是切断这一切外部愉悦的来源。是的，你这一天会过的很无聊，非常无聊，但是这个时候像散步啊、学习啊、思考自己的计划和目标、复盘、锻炼等等这些指挥蜂蜜少量多巴胺，但是从长远看可以真正提升你生活质量的事情，你做起来就会更容易。这有点像吃完大餐之后的第二顿吃不下去饭一样，饿一顿就好了，由俭入奢易，由奢入俭难。


> 其实这一段有让我想到采铜老师说的半衰期和收益：
> 多做长半衰期、高收益的事情，少做或不做短半衰期、低收益的事情。
> 
> ![](http://img.maqingbo.com/images/2020/03/15/shouyibanshuaiqi.jpg)

有的人会觉得，刻意让自己去保持少量的多巴胺分泌，一旦再接触刺激性强的事情，会急速反弹，其实不会的。但是平时自己也需要去控制尽量少的接触刺激性强的事情，以免持续保持高水平，到时候排毒也不管用。后续的作者还提供了一个他自己在使用的小技巧`鼓励机制`：每天让自己学习两个小时，然后给点小奖励，形成良性循环。（注意这个奖励不能是有害的事情，抽烟喝酒等）

:::success
只要你够无聊，你就会爱上学习！😂
:::



原视频地址：

<iframe src="//player.bilibili.com/player.html?aid=92697455&cid=158270588&page=1" scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>