Day learn,day up

前言

忽略我这个中文式英语的标题。

身为一个记性不咋地的前端渣渣，觉得平时看的一些文章太散了，特开此文作为一种记录，可谓好记性不如烂笔头，也算是逼自己要经常学习。文章的日期为最后更新时间，题目顺序不分先后，希望能经常保持置顶状态，目录到达一定长度时会重开一篇。

工具

hexo迁移

因为我的笔记本电脑最近瓦特了，所以不得不把博客迁出来，在这里做个记录，方便下次查找。

将原来的电脑上原有的hexo目录拷贝到新电脑，只需拷贝以下目录：
- _config.yml
- package.json
- scaffolds/
- source/
- themes/
在新电脑安装hexo

npm install -g hexo
安装后进入hexo/目录

安装模块

npm install
npm install hexo-deployer-git --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save

然后重新配置github
1
2
git config --global user.name "YOUR NAME"
git config --global user.email "YOUR EMAIL ADDRESS"
Authenticating with GitHub from Git
- 在 Git Bash 下执行如下命令，生成 SSH key
  
  ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
  
  email为自己的github账号，剩下的一路回车即可。
- 将 SSH key 添加到 ssh-agent
  - 在 Git Bash 下执行如下命令，开启 ssh-agent
  eval "$(ssh-agent -s)"
  - 将这个 SSH key 添加到 ssh-agent 里去
  ssh-add ~/.ssh/id_rsa
- 将 SSH key 添加到 Github 账户
  - 在 Git Bash 中将 SSH Key 拷贝出来：
  clip < ~/.ssh/id_rsa.pub
  
  此时，SSH Key 已经在我们的剪切板里了。然后登录 Github 帐号，依次点击自己的头像，Settings，SSH and GPG keys， Add SSH key，在 Title 这里输入 Key 的label，比如 your_name - PC，然后在 Key 里面把 SSH Key 粘贴进去，点击 Add SSH key 大功告成。
- 测试 SSH 连接，在 Git Bash 中敲入
ssh -T git@github.com
做完上面这些后执行hexo deploy 大功告成
但是我还是报错，hexo error fatal httprequestexception encountered….

后来在https://github.com/hexojs/hexo/issues/3043 这里找到解决方法

把repo的配置方式改一下，任何就可以了。
1
2
3
4
deploy:
type: git
repo: git@github.com:anchen1204/anchen1204.github.io.git
branch: master
以上方法结合了这两篇文章：

hexo：更换电脑，如何继续写博客

多机更新 Hexo 博客

JavaScript

Object.assign()

语法：Object.assign(target, ...sources );

参数：

target：必需。可枚举属性复制到的对象。

…sources：必需。从其中复制可枚举属性的对象。

实例：

var first = { name: "Bob" };
var last = { lastName: "Smith" };

var person = Object.assign(first, last);
console.log(person);

看阮一峰大神的ES6-编程风格 :

对象尽量静态化，一旦定义，就不得随意添加新的属性。如果添加属性不可避免，要使用Object.assign方法。

// bad
const a = {};
a.x = 3;

// if reshape unavoidable
const a = {};
Object.assign(a, { x: 3 });

// good
const a = { x: null };
a.x = 3;

Promise

阅读(按左到右顺序)：大专栏 Day learn,day up/zh-CN/docs/Web/JavaScript/Guide/Using_promises" target="_blank" rel="noopener noreferrer">使用 Promises Promise

这两天又看了一遍Promise的内容，觉得这个对象真的非常好用。

做个总结呗，其实在项目中已经快乐地用起来了，很方便。

它存在的意义？还不是因为javaScript是世界上最好的…不对，说错台词了，应该是javaScript是单线程语言。

我们经常为了解决这个问题，使用的是回调函数，俗称callback，为了达到异步执行。比如setTimeout ,比如AJAX异步操作。

具体介绍不表，可以看文档。直接说使用吧。

1	new Promise( function(resolve, reject) {...} /* executor */ );

new Promise((resolve, reject) => {
    console.log('Initial');

    resolve();
})
.then(() => {
    throw new Error('Something failed');
        
    console.log('Do this');
})
.catch(() => {
    console.log('Do that');
})
.then(() => {
    console.log('Do this whatever happened before');
});

.then()是链式调用，获取上一个Promise resolve返回的对象进行操作；

.catch() 原理同then，但是是针对Promise 的reject返回的对象进行操作；

注意：在一个失败操作（即一个 catch）之后可以继续使用链式操作，即使链式中的一个动作失败之后还能有助于新的动作继续完成。

即链式调用不会因为其中一个环节失败(reject)而中断。

好用组合：

Promise.resolve() &Promise.reject()

这两个是手动创建一个已经resolve或者reject的promise快捷方法。

Promise.race() 和Promise.all()

这两个用法一样，其实括号内都是多个Promise对象

但是不同的地方在于：

Promise.all(iterable) 方法返回一个 Promise 实例，此实例在 iterable参数内所有的 promise 都完成（resolved），或参数中不包含 promise 时回调完成（resolve）；如果参数中 promise 有一个失败（rejected），此实例回调失败（reject），失败原因的是第一个失败 promise 的结果。

Promise.race(iterable)方法返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。

一句话，前者如果有一个失败，则之间返回第一个失败(catch里)；后者只会返回第一个处理的失败或者成功。

举个实际可能会使用的例子：

Promise.all是很适合来解决多个Promise是用于获取请求基本信息，比如app里的登陆信息，ticket，版本号，它们都获取成功后可以接着执行可能下一步的请求。。。

Promise.race很适合容错现象，比如接口超时：

//网络超时写法：Promise.race()
let promise1 = new Promise(resolve=>{
    setTimeout(()=>{
        return '数据已返回';
    },5000)
})
let promise2= new Promise(reject=>{
    setTimeout(()=>{
        reject('网络超时')
    },4000)
})
Promise.race([promise1,promise2]).then(res=>{
    console.log(res)
}).catch(res=>{
    console.log(res)
})