起因是想更新一个array类型的state,结果setState更新之后用console.log() debug 结果，发现结果特别玄学。。。

查了下发现this.setState是个异步操作。。。

20181014update: 可以不写了，开心

迫于生计，要从零开始学习前端。

由于之前的to do list 年代久远+ 前端的技术栈可之前几乎没有关系，因此新开一篇记录。

  * css盒子模型
  * 布局,flex
  * 前端debug的方法
  * <del>javascript,</del>有空可以使用js刷leetcode练习语法
  * <del>typescript</del>
  * jsx，以及jsx的typescript版tsx
  * 学习axios https://alligator.io/react/axios-react/
  * 学习dva: …

先放参考资料:

TypeScript 入门教程

React & Webpack

react-typescript-cheatsheet (强推一波，讲了很多react+ts的实践）

typescript是javascript的语法扩展。。。好处是提供了类型。。可以在编译（结果为js文件)的时候提供静态的类型检查。。。

Redux是Flux架构的一种实现。

至于Flux架构是什么，可以参考Flux 架构入门教程

粗略得讲，和MVC架构是同一类东西，最大的区别是单向数据流，禁止了Model和VIEW层之间数据的流动。

暂时没空从头开始搞...用到哪里先记录一下好了orz

我觉得不行，还是要先大致了解一下。

参考资料:

A re-introduction to JavaScript (JS tutorial)

继承与原型链

// 让我们假设我们有一个对象 o, 其有自己的属性 a 和 b：
// {a: 1, b: 2}
// o 的 [[Prototype]] 有属性 b 和 c：
// {b: 3, c: 4}
// 最后, o.[[Prototype]].[[Prototype]] 是 null.
// 这就是原型链的末尾，即 null，
// 根据定义，null 没有[[Prototype]].
// 综上，整个原型链如下: 
// …

首先介绍一个fb家的快速开发react的工具 create-react-app

这个东西依赖node6.0或者更高版本。

关于在ubuntu 14.04上安装node ，可以参考这个链接

发现执行nvm install 6.0会没有任何相应...但是实际上已经安装好了。