背景:
商品支付完有一个支付结果页面, 这个页面需要添加一个倒计时，自动跳转到订单详情/团购详情页面.

原理:
新建一个 interval，每隔一秒更新秒数。
当秒数达到0的时候，销毁这个interval，并且跳转到指定页面，
下面是代码部分：

data 里面定义好数据:

1
2
3

countDownTime: 5,
countDownText: '页面将在5s后自动跳转',
intervalToken: -1,

然后在 js 里面写逻辑

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

mCreated: function () {
    this.countdown();
},
countdown: function () {
    console.log('打印倒时器', this.countDownText, this.countDownTime);
    const that = this;
    this.intervalToken = setInterval(() => {
        console.log('打印倒时器 interval 内', this.countDownText, this.countDownTime);
        if (this.countDownTime <= 1) {
            // 倒计时结束后跳转的页面
            this.mBack();
        }
        that.updateCountDownText();
    }, 1000);
},
updateCountDownText: function () {
    this.countDownTime = this.countDownTime - 1;
    this.countDownText = `页面将在${this.countDownTime}s后自动跳转`;
},
viewdisappear: function () {
    clearInterval(this.intervalToken);
},

注意在页面头部写一个 viewdisappear 事件. 在页面消失的时候销毁 setInterval, 否则页面一直进入循环

1

<div @viewdisappear="viewdisappear">

我高考数学全校第一，但是现在除了数钱没有机会用到数学，咋整。

做前端吧~

我本专业不是计算机，但是喜欢编程，好纠结。

做前端吧~

我想升职加薪住洋楼养番狗。

做前端吧~

我叫 Bobo，现在在杭州一家初创公司做前端开发。大学是英语专业，华丽转身自学前端。只身来到杭州找工作，第一次面试一头冷水浇下来，面试官一连串问好些名词，但我没答上几个，他评论：“我觉得你不适合这个行业，还是回去做外贸吧”。信心一点点在面试中磨灭，觉得自己怎么那么次，那个说我学得好的程序员看走眼了吧。我一直有记录的习惯，面试完以后记录和回顾面试问题，不懂的搞懂。终于之后的面试里面，看过我代码的面试官都说我基础非常扎实。后来面试一周拿到几个 offer 入职。去年年底转正时上司说：

一开始招你是觉得你的代码很干净，基础扎实…很喜欢这样的代码。工作了两个多月以后发现你的抽象能力很好，很多东西尽量使用函数抽象出来。学习速度飞快，刚开始都没有业务和项目经验，第二三周就投入到实际工作有成果出来了。而且第二个月已经写后台接口也证明了你的能力。我教过的东西说一遍就记住，很认真记笔记做记录。和同事合作的很好，沟通能力也不错。会及时解决问题，不是像一些新人那样憋着埋头做后来就炸掉。
希望你以后可以往更底层的方向做，看到整个框架为什么这么搭起来，而不是只满足页面需要的数据。

除了有正确的学习方法、自己的努力，还有一丢丢性别优势。我想特地讲讲最后一点。虽然有38妇女节，不代表女程序员是弱势群体呢。

首先，上司和别的程序员不会对你期望很高，给了学习的时间和机会。刚入职时，我不好意思问问题，害怕打扰别人，但是上司每天都主动问我有什么不懂的，还强调遇到问题要及时解决。同事回答我的问题也不是理所当然的，平时会多买几份零食投喂程序员哥哥。非常感激我的上司，给了 offer，入职后还手把手教我写 Vue。

其次，女性的沟通能力相对更好。刚入职感受到产品和技术矛盾尖锐，但是在实际工作里，需要和产品、测试、后端等同事沟通，了解业务流程和产品需求。我也看到同事不愿意交流，或者遇到业务和技术问题一直憋着，到了项目节点没法按时按量完成工作。

最后，在我实际工作中，遇到问题同事都很热心帮忙。明明前一秒还在凶另一个同事，但是我和他说话时，他眼神又突然温柔起来。

那要怎样成为女程序员呢？

首先你要是个女的（逃。说正经的，你是女的，那就像个女的呀。干干净净，大大方方，习惯化妆和喷香水的话都可以来呀。我没有这个习惯，反正技术部我最美(反正就我一个女的)。
终生学习，持续进步。选择了这个行业，就是选择了不断学习进步了。我很喜欢写代码，一边听歌一边写代码，看看自己优美的代码，很开心。
专注自己的领域。详情参考萧大的《编程入门指南-萧井陌》

最后的最后，贴代码还是贴照片呢？

举个简单例子. 上图就是一个二叉搜索树.
实现的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

class Tree {
    constructor(element=null) {
        this.element = element
        this.left = null
        this.right = null
    }

    traversal() {
        console.log('element is', this.element)
        if (this.left !== null) {
            this.left.traversal()
        }
        if (this.right !== null) {
            this.right.traversal()
        }
    }
}

const testInvert = () => {
    const a = new Tree('a')
    const b = new Tree('b')
    const c = new Tree('c')
    const d = new Tree('d')
    const e = new Tree('e')
    const f = new Tree('f')
    const g = new Tree('g')

    a.left = b
    a.right = c
    b.left = d
    b.right = e
    c.left = f
    c.right = g

    a.traversal()
}

if (require.main === module) {
    testInvert()
}

翻转后是怎样的呢?

这个题考量的是递归.

直接给答案吧.

1
2
3
4
5
6
7
8
9

const invert = (tree) => {
    [tree.left, tree.right] = [tree.right, tree.left]
    if (tree.left !== null) {
        invert(tree.left)
    }
    if (tree.right !== null) {
        invert(tree.right)
    }
}

挺简单的.

###买域名
Godaddy或者万网，需要备案的请考虑后者，喜欢说话碰种边界的请考虑前者，我都买过，都不错，看需要。一般不考虑国内生意的话跟Godaddy买，针对国内市场的果断万网购买域名。注册然后付费这个不教了。

解析域名
DNS解析选择DNSPod，这样整个网站访问就ok了，具体参考Godaddy注册商域名修改DNS地址。
Q：我不懂为啥要解析，感觉登陆速度差不多呀，好像快了一丢丢，那丢会不会是心理作用。应该有别的好处，我暂时不细究。

注册github账号
程序员的时光机器，你值得拥有。

在github上创建一个和账号同名的repo
创建一个repo，名称格式为yourname.github.io.比如我的Github账号是hebaoying，所以这个repo的名称就是hebaoying.github.io.这个repo属于user repo，需要审核，创建完以后，直接做下一步吧。

配置和使用github
检查本地开发环境是否安装了git和npm
输入以下指令检查是否安装。
git –version
npm –version
如果还没安装，请参考这篇文章进行安装。

安装hexo
继续在terminal输入指令
npm install hexo -g
npm install hexo-cli -g

创建本地工作目录
做到这里你的repo应该已经审核通过了。把你github的repo克隆下来。还记得你的repo地址吗？
我的repo地址是htttps://github.com/hebaoying/hebaoying.github.io
你的则是htttps://github.com/yourname/yourname.github.io（记住yourname就是你的github用户名）
输入指令拷贝repo到本地：
cd ~/Public
git clone https://github.com/hebaoying/hebaoying.github.io

初始化你的本地站点
hexo init yourname.github.io
cd yourname.github.io
npm install hexo-deployer-git –save
hexo generate
hexo server
现在可以在本地看到你的网站了。在浏览器输入localhost:4000

部署到github上
在terminal输入 atom . （没有安装atom的参考这篇文章先进行开发环境设置再做下去）
在左侧面板选择_config.yml文件，拉到底下找到deploy部分，修改为：
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io
（记得yourname是你github的用户名）

接好本地的桥，最后在terminal输入
hexo deploy
你做的网站上传上去了，所有人都可以看到了。网站就是yourname.github.io

学习用markdown写文章
打印cheatsheet出来，看他几天用MD语句写几篇文章自然就懂了
https://help.github.com/articles/about-writing-and-formatting-on-github/

为atom安装几个有用的package

• platformio-ide-terminal 可以在atom 界面调出terminal
• markdown-scroll-sync
• linter-markdown
• markdown-writer
• markdown-toc
• markdown-pdf
• markdown-preview
• ever-notedown让印象笔记和atom，还有github博客的文章同步，还在研究中

给atom戴上眼镜
对了，安装package时候我还遇到过需要翻墙，老外给的方案是打开 文件，填入以下内容：

Godaddy域名转址到github page
分别在本地hexo文件搭建和在Godaddy域名管理页面搭建。
本地文件夹yourname.github.io打开source文件夹，新建名为CNAME文件，内容为Godaddy购买的域名地址，我的是hebaoying.com.也可以完全在terminal完成：
cd ~/Public/hebaoying.github.io/souce/
echo hebaoying.com > CNAME
git add CNAME
git commit -m “CNAME file or domain”
cd ~/Public/hebaoying.github.io/
cd hexo clean
hexo deploy

Godaddy设置DNS解析：
删除所有类型为A的记录。
添加两条记录。

1. 类型为”A (Host)” ，”主机” 为 @ ， “指向” = 192.30.252.153
2. 类型为”A (Host)” ，”主机” 为 @ ， “指向” = 192.30.252.154

写文章
本地文章保存在_posts文件夹里，新建md文件，开始写就好了。

建立404页面
自定义404页面仅对绑定顶级域名的项目才起作用。 推荐使用腾讯公益404.http://www.qq.com/404/
使用方法，在source文件夹新建自己的 404.html 或者 404.md文件，输入代码

1

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://yoursite.com/yourPage.html" homePageName="回到我的主页"></script>

其中yoursite.com/yourpage.html和文字“回到我的主页”可以自定义，记得改为自己的页面和合适的文字。

改主题
我用的是next主题。
在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-them-next themes/next
做主题那个人有很详尽的教程，而且在github上有问必答，当然问问题前先自己找答案。99%情况下都能找到答案。设置语言、侧栏、头像啥啥的都在主题设置里面有。

每次都要翻墙倒柜找…干脆放上来.

control 控制键 ⌃

command 花键 ⌘
alt 键 ⌥

shift 键 ⇧

让你的双手摆脱鼠标，搜集默认 mac常用快捷键，亲测可用

约定： C为Ctrl键

查找

查找文件: Ctrl+Cmd+O 整个项目检索: Cmd+ Shift + F

##光标左右移动

`
光标向左移动一个单词: C + b 光标左(backward)
光标向右移动一个单词: C + f 光标右(forward)
光标移动到行头: C + a
光标移动到行尾: C + e
光标向上移动一行: C + p (previous)
光标向下移动一行: C + n (next)
光标往右一个单词移动: C + alt + f
光标往左一个单词移动: C + alt +b

`

##复制

复制当前行: Cmd + D

##删除

`
删除: delete
删除当前行: Cmd + I
删除光标左边的一个字符: C + h
删除光标右边的一个字符: C + d
删除光标左边的一个单词: C + w 或者option + delete
删除光标右边的一个单词:

删除从当前光标到行首的所有内容: Cmd+delete
删除从当前光标到行尾的所有内容: Ctrl + k

C + k 删除从当前光标到行尾的所有内容, 并且暂存起来, 用C + y 粘贴出来(yank). 和 cmd c cmd v 是两套独立的复制粘贴系统.

`

##代码折叠

`
折叠代码: alt + cmd + [
展开代码: alt + cmd + ]

折叠所有代码: shift + alt + cmd + [    
展开所有代码: shift + alt + cmd + ]    

`

##整行上下移动

`
向上移动一行:
向下移动一行:

`

##符号间跳转

按照字符跳动：

##其他选择

选中下一个与当前光标所在单词(或是与当前选中单词相同的单词)： 选中当前行: 全选: Ctrl + A 将下一行接到当前行尾: 连续输入两个快捷键,将当前单词转为大写字母: 连续输入两个快捷键,将当前单词转为小写字母: 段落重排(在英文写作时比较有用):

##括号和引号

可以让光标跳转到临近的括号处(对应的):Ctrl + M 可以选中当前括号内所有内容：Ctrl + Alt + M

Preference -> keybinding 发现emmet和markdown-preview的control-shift-m冲突，

那么可以把以下代码拷贝粘贴到 keymap.cson 文件中（在 Preference 中点击左侧第二项 Keybindings，即可打开这个文件），
随后用
⌘
s
保存之后重新启动 Atom 即可（或者在 Command Palette 里使用 Windows: Reload 命令）。

1
2

'.editor:not(.mini)':
    'ctrl-shift-M': 'markdown-preview:toggle'

注:
第二行需要缩进, 否则会报错.

什么是凯撒密码?

维基百科的定义很清楚:

在密码学中，恺撒密码（英语：Caesar cipher），或称恺撒加密、恺撒变换、变换加密，是一种最简单且最广为人知的加密技术。它是一种替换加密的技术，明文中的所有字母都在字母表上向后（或向前）按照一个固定数目进行偏移后被替换成密文。例如，当偏移量是3的时候，所有的字母A将被替换成D，B变成E，以此类推。这个加密方法是以罗马共和时期恺撒的名字命名的，当年恺撒曾用此方法与其将军们进行联系。

或者看一下这个图示:

为什么要了解凯撒加密?

作为战争时期的沟通, 这种加密方式算是比较原始的. 在非战争时期, 我们可以学这个来干嘛呢? 秀恩爱, 秀单身. 任君选择.

最简单的凯撒解密方法

正如上面图示, 最简单的就是所有字母表向右移动一位, 所有的字母A被替代成B, 相应地, B被替代成C, 以此类推. 使用JavaScript编写的话很简单. 函数见下文:
输入两个变量就可以得到解密答案. 其中s是需要被解密的字符串, shift是偏移量, 往右偏移一位就是1, 往左偏移一位就是-1.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

// 先要定义一个 find 函数, 寻找 s2 在 s1 中的下标
var find = function(s1, s2) {
    // 初始下标是 -1, 如果找不到下标, 返回 -1
    var index = -1
    for (var i = 0; i < s1.length; i++) {
        var c = s1[i]
        if (c == s2) {
            index = i
            break
        }
    }
    return index
}
var decode3 = function(s, shift) {
    var lower = 'abcdefghijklmnopqrstuvwxyz'
    // 定义一个空的字符串
    var result = ''
    // 遍历需要加密后的字符串
    for (var i = 0; i < s.length; i++) {
        var c = s[i]
        var index = find(lower, c)
        if (index == -1) {
            result += c
        } else {
            var len = lower.length
            var newIndex = (len + index - shift) % len
            result += lower[newIndex]
        }
    }
    return result
}

说好的秀恩爱, 秀单身呢?

复杂一点的凯撒加密
知乎有一个求助题, 破译密码的
链接在此
https://www.zhihu.com/question/28324597
一看就是凯撒加密, 不过在这里我们不清楚偏移值是多少, 所以我们只能1~25全都试一遍, 幸好英文字母只有26个对不对. 出来25个答案, 然后肉眼看看这些解密答案有没有意义.
这些全都可以自动完成. 答案如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

// 因为加密的字符串是大写字母, 我们需要把大写字母转成小写字母
var lowerCode = function(code) {
    var lower = 'abcdefghijklmnopqrstuvwxyz'
    var upper = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'

    var result = ''
    for (var i = 0; i < code.length; i++) {
        var c = code[i]
        var index = find(upper, c)
        if (index == -1) {
            result += c
        } else {
            result += lower[index]
        }
    }
    return result
}
// 开始解密了
var decode4 = function(s) {
    var code = lowerCode(s)
    var lower = 'abcdefghijklmnopqrstuvwxyz'
    // 遍历 25 次, 因为有 25 个可能的偏移值, 同样得出 25 个答案
    for (var i = 0; i < lower.length; i++) {
        var source = decode3(code, i)
        log(source)
    }
}

var __main = function() {
    // 需要解密的字符串
    var code = 'VRPHWLPHV L ZDQW WR FKDW ZLWK BRX,EXW L KDYH QR UHDVRQ WR FKDW ZLWK BRX'
    decode4(code)
}
__main()

肉眼找答案

看到了吧, 比较像是正常语言的那句. 不就是

sometimes i want to chat with you,but i have no reason to chat with you

先贴一张图，过去11年中国各类资产的走势。（2005.1～2016.5）
[http://ww2.sinaimg.cn/large/65e4f1e6gw1f80558al6fj20ms0bntbv.jpg]
没想到，以中证全指净收益指数为代表的股票是所有大类资产中回报最高的品种，排名第二是一线城市房地产。有人会得出结论：杀入股市。科科，请问看股票的收益曲线，大起大落，如果07年入场，到现在还没赚钱呢。与此相比，全国房地产的曲线一只缓和上升，一线城市房地产的回报让很多人乐开颜。即便有炒股能力，有择时能力，还是建议投资一线城市房地产，只有北上深，才有房地产，记住这句话。为什么呢？05年有股民买股票，但有多少人全仓，又有多少人加杠杆，更进一步，又有多少人一直持有直到07年或者去年15年五月卖出？你并不会，基弧所有股民都不会。但是05年在上海、在北京、在深圳买房的人，大部分会全仓投入，并且加杆杠，更重要的是一直持有。这，是财富的来源。每年5%平稳的涨幅在全仓杆杠放大下，投资一线房产收益非常可观。
既然提到低流动，不得不说一下财务上一个很重要的常识：资产的三性——流动性、收益性、安全性。不同的投资资产的三性特征不同，不能面面俱到，不得不放弃其中一个，你会放弃哪个呢？well，必须是流动性。一线城市房产就是这样的资产，无需全额付清，外加30年分期付款，试问买哪样东西有这样的特权呢？

坚持做一件事70天了，养成一个非常好的习惯。刚开始十几天的时候，每天打开电脑，下载微信John读的音频，用iTunes打开，默认单曲循环，插上音响，我的一天缓缓开始。同时会把音频上传到网易云音乐，方便自己和别人收听，之前还有人感谢我、和我聊了蛮久，是个很有学习干劲的小伙伴。后来没多久John自己把音频放到线上，我就无需亲自把音频放在网上。于是，只需按两个键，我的一天就开始了。
每天都坚持listen, shadow, read三个步骤，时间多点或者心情好时这个步骤会循环反复♻️最多两三次，花了多少时间，都体现在录音效果上。有遇到过很难的材料呀，反复了四个循环才觉得读懂文章，古人说的话有道理，多读几遍其义自现。如果你看的不清楚是因为你离得不够近，如果你读不懂是因为你读的不够多。再后来我想每天都花时间在这上面，英语水平终于没那么差了，甚至有点回到大学水平，我可以考虑考证了，没想太多，只有三级口译这个选择了。
琢磨下，我可以在原来的三步基础上，加上口译interpret这一项，同传还是交传就看自己水平和材料难度了。第二天实行了，因为在路上开车，所以真实的步骤是listen, shadow, interpret, listen, shadow, interpret如此循环的，等坐下来有空时才加入read这一步。本来打算交传的，听一句翻译一句，可是车子的暂停键有延迟，所以翻译的时候没几句就结束了。我纳闷了，材料哪有那么短。后来重新听才知道这个延迟让我跳掉很多句。所以我后来就同传了，听的时候可以现在脑子里翻译一遍，自己再张嘴说。这个过程中自觉嘴巴很笨，至少比脑子笨太多，我就会对自己说：你笨啊，如果一张嘴就出文章了，还干嘛去练习。
很大的惊喜是以前读过对我影响很大的文章，John也挑到读出来了。是Steve P.写的怎样在20分钟内找到人生目标，以前读过的奶牛🐄写的中文版，并实际做了两次，效果很好。两次都为同一样而泪流不止。谢谢奶牛、谢谢Steve、谢谢John、谢谢新生大学。