起因是想更新一个array类型的state,结果setState更新之后用console.log() debug 结果，发现结果特别玄学。。。 查了下发现this.setState是个异步操作。。。 参考资料: 深入理解React 组件状态（State） React中setState同步更新策略 https://react.docschina.org/docs/react-component.html

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文件)的时候提供静态的类型检查。。。 typescript的问号语法:标记某个参数为可选。 例子: export class Thread { id: string; lastMessage: Message; name: string; avatarSrc: string; constructor(id?: string, name?: …

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会没有任何相应...但是实际上已经安装好了。 接下来安装create-react-app 命令是: npm install --global create-react-app 然后创建一个react app 命令为:create-react-app first_react_app 挂着代理大概需要半小时左右。 或者可以使用淘宝npm镜像: 设置方法为：npm config set registry …