很多人都知道promise,很多人却不知道Generator是个啥，啥时候用的到，看了一些文档我认为Generator是一个很重要的东西，需要认真理解一下。想看更详细文档可以去阮一峰大师的es6文档去看。

一、Generator 函数简介

1、Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。

2、Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。

3、执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。

阅读全文

近几天用hexo学习搭建了下博客系统，同样遇到了一些坑。。。
网上搜到的资料大多数都选择next主题，所以next主题相关的解决方案比较多。我选择的是默认的主题landscape主题，可以自己稍作修改，还是不错的。。。

遇到的第一个坑就是添加评论功能不显示，valine是最好的选择，相关资料太多不多说，直接说注意事项。

配置（写在主题目录下的配置文件里）

阅读全文

有了async和await以后，可以跟回调说拜拜了
同步方式写异步方法是不是很爽啊

方法例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14

async init(token){
  try {
    let vData = await Api.validate(token)
    vData = JSON.parse(vData.data)
    if(vData.success){
      //todo
    }else{
      //todo
    }
  } catch(err) {
      console.log(err);
  }
}

今天用umi脚手架搭建简单项目遇到一个问题，post请求不通
问题是参数需要转换

方法例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function fmtParams (params){
  let fd = new FormData();
  Object.keys(params).forEach(function(key){
    fd.append(key, params[key]);
  });
  return fd;
}

export function loginIn(params) {
  return request(Base_url+'/sso/api/v1/login', {
    method: 'post',
    body: fmtParams(params),
  });
}

当一个人明白了人生不只是爱情的时候，她的心就会变的宽广，变的大度，或者说变的现实！人生就是在这样的聚聚散散中，别人成了你生命中的过客，你成了别人生命中的过客！一定有些什么是我无能为力的，一定有些什么，在落叶之后是我必须放弃的！跳舞吧，如同无人注视一样 ，去爱吧，如同不曾受过伤一样 ，歌唱吧，如同无人聆听一样 ；工作吧，如同不需要钱一样 生活吧，如同今天是末日一样…

第一次进入社会工作，我19岁，在一个机械厂做体力活，每天像毛驴一样重复着围磨般的工作，那时候纠结我的最大人生困惑就是吃炒饭省钱还是吃炒面省钱。我的房东是个40岁左右的男人，每天四平八稳的睡到自然醒来，踱着方步把我们几个出租房检查一遍，接着就在大把富足的时间里打盹，喝茶，看天。更要命的，这狗日的居然早点就吃炖肉，香味像狗舌头一样撩涮着我的味觉。那时候，做梦都在盼望着我的40岁什么能到来，我也可以这样踱着方步在时光里浸润，那是一个多么向往年龄啊。

想不到一奔子就挖到中年，才发现中年碎了一地的烟火，中年是个卖笑的年龄，既要讨得老人的欢心，也要做好儿女的榜样，还要时刻关注老婆的脸色，不停迎合上司的心思。中年为了生计，脸面，房子车子票子不停周旋，后来就发现激情对中年人是一种浪费，梦想对于中年是一个牌坊，守得住忠烈，还要做得好婊子。

阅读全文

所有往事都化为红尘一笑.
只留下初见时的惊艳、倾情。忘却也许有过的背叛、伤怀、无奈和悲痛。这是何等美妙的人生境界。
时光匆匆，我们已经回不到过去,也许曾经一见倾心,但是再见之时,也许会是伤心之时。若是如此,不如初见时的那份感觉……

“初见惊艳，再见依然”，在我看来，这只是一种美好的愿望。蓦然回首，曾经沧海。只怕早已换了人间。
是的，人生若只如初见那该多好，每一个人当最初和你相遇，那种美好的感觉一直就象春天初放的花，那种温馨、那种自然、那种真诚、那种回忆，因此就一直弥漫在了你的生命中。为什么在人的交往中会有误会、费解、猜测和非议呢？只有淡淡的如水的情怀不就足够了吗？就象从未谋面的网友，每次在网上遇到时候互相打个招呼，心中存有彼此的牵挂，不也是一件很美的事情吗？我想君子之交淡如水也就是这个道理吧？美丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。

阅读全文

　　人生有三重境界，这三重境界可用一段充满禅机的语言来说明，这段语言便是：看山是山，看水是水；看山不是山，看水不是水；看山还是山，看水还是水。

　　这就是说一个人的人生之初是纯洁无瑕，初识世界，一切都是新鲜的，眼睛看见什么就是什么，人家告诉这是山，他就认识了山，告诉他这是水，他就认识了水。

阅读全文

获取input当前焦点位置插入值

selectionStart

方法例子

1
2
3
4
5
6
7
8
9
10
11
12

getPosition = element => {
  let cursorPos = 0;
  if (document.selection) {
    //IE
    var selectRange = document.selection.createRange();
    selectRange.moveStart('character', -element.value.length);
    cursorPos = selectRange.text.length;
  } else if (element.selectionStart || element.selectionStart === '0') {
    cursorPos = element.selectionStart;
  }
  return cursorPos;
};

ReactEchart点击每个节点进入对应详情页面

方法例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14

onclick = {
  click: this.clickEchartsPie.bind(this)
};
clickEchartsPie(e) {
  //console.log(e)
}

<ReactEcharts
  option={option}
  style={{ height: '300px', width: '100%' }}
  className={'react_for_echarts'}
  onEvents={this.onclick}
/>