稳的稳的，这次真是为了需求造轮子了。Hyper = Hexo + Typer.

接触到hexo是因为，hexo可以是一个前端博客生成器，直接生成一个前端静态页面，做到可以上传到github“个人页面”作为博客网站。

不过，毕竟是基于node的生成器，编写过程很geek。首先创建和预览甚至发布，依赖terminal和node。你要使用一个你喜欢的markdown编辑器，或者直接就在代码编辑器搞例如vscode。原来我也是用这个写博客。因为自带了terminal，直接创建了搞完直接上。后来生活逐渐好点，用的 iterm2 + zsh 之后，编辑器改用了Typora。然而关于这段的话，我上一篇搞electron+vue+webpack2+TypeScript什么体验 已经讲得够多了，所以不赘述了。

但是现在，可能生活会更好了…

本来是想放弃的，后来歪打正着，成功运行。最后搞一个ts类型的启动器，不想再懵了。

vue-ts-electron-starter

想看看原项目electron-vue有没有这个打算，没有的话自己fork个分支出来。这个将就。

这次搞这个项目目的就很明显了，想做一个Hexo博客的编辑器（没错就是我这个博客的核心）。Hexo的话，属于页面生成器类的博客系统。直接一套生成静态页面，然后随意访问。因为一整套静态页面故还是有人喜欢直接干一套SPA上去，体验也好。

其实搞这个，我去年就想搞了。可是去年的话，明显前端的技术都不扎实更别说搞了，当时的想法是写一个Mac App（我swift应该还行，随便写写问题不大。不过可能现在的话问题就大了）。不过就一直拖拖拖，导致swift3.0都有苗头了我还是没想写。而且关于如何操作terminal命令，还是个问题。

这次心就大了。搞了再说，搞一半不行了就让他荒了。以后想起来再搞，再搞的时候技术肯定又上涨。如果这波做成了，开源，我不管有没有人用，总有人喜欢用。

联动水文，大约半年前记录了Javascript的this。顺水推舟理一下call()，bind()，apply()

扩展阅读：关于JavaScript的this

还是上次的代码，修改一下

let name = 'panda'
let obj = {
    name: 'koala',
    getName() {
    	return this.name
    }
}
let test = obj.getName
test()					//undefined.

（敲黑板！）复习一下！为什么就undefined了！原因就是，this指向不同了。那么直接运行是否可以

let name = 'panda'
let obj = {
    name: 'koala',
    getName() {
    	return this.name
    }
}
obj.getName()		//koala

一次被this支配之后的思考

开门见山

先讲for

我觉得这应该是最古老而且实用性最强的for了，就是三段式定义。for (;;)
想到当年考java编程基础的时候（一门学科），有一道手写题要用到循环，我抬手就是for (var ...)…

小爝（知乎用户）：js里面什么都是对象，所以你看单身狗学这个语言学的老快了。

就前几天看到的答案，觉得对啊！js这种边缘OP的语言，你说它没对象它是可以有的，你说它是面向对象语言它不是。
所以来研究一手关于JavaScript的继承。研究过程用一下typescript（这个真有对象了）

本来首发知乎，再说了现在这东西又不需要怎么用了，各种前端框架各种自动化，这些东西早就带得干干净净了。
这是demo的页面：Syuanpi.css
这是GitHub的页面：ColMugX/Syuanpi.css: ✨A library of CSS animations.

说到CSS动画库，其实有一个很出名很好用，“就像喝水一样简单”的叫做Animate.css的开源库子。那些动画真的挺炫酷的。然后我就想起，我自己在玩Hexo主题的时候不是动画也是自己写么，那要不把用过的动画自己封装起来，然后再加点跟自己脑洞产物的动画，然后自己也做一个库试试？然后我就把Syuanpi.css弄出来了…作为练习产物，日后想到什么好玩的实现方式也是会一直加一直加~ 不过我要说实话：不排除把Animate.css出现的部分动画自己再实现一遍进自己库子！

为什么要出这东西…