本文中我们同样使用 React 官方教程中的一个时钟的案例来给大家讲解 state 的作用及时生命周期中的一些接口函数。案例可能与官方不是很匹配,是因为我经过刻意修改,为的是以国人理解的方式再重新梳理一遍,让大家更容易理解。
React 学习笔记之属性 props
React 的每一个组件都可以包含一些数据,这些数据一般情况下都是父组件传递进来的。这个过程就像我们给一个可变参数的函数传递参数一样,只不过组件内部接受到这些参数时,都是在 this.props
这个成员中。该功能一般用于组件之间传递数据使用。
ES6 学习笔记之 map 的多种遍历方法
Map 是 ES6 中新增的一种数据结构,与 Set 一起添加,其实功能都差不多。我就只列举了 Map 的遍历方式,一通百通,其自身内部带有的的方法看书中介绍即可,并不复杂,比起 C++ 的 STL 好理解多了。
ES6 学习笔记之 Symbol
ES6 新增的 Symbol 功能还是比较多的,建议大家还是看看原著的内容来充分理解,我仅自己记录一些我可能需要用到的内容。
Symbol 返回的是一个唯一值,类似于 GUID,它的类型是 symbol,不能与字符串混淆。
let s = Symbol();
console.log(typeof s);
// symbol
ES6 学习笔记之对象的拓展
属性的简洁表示法
可以直接使用一个变量来初始化对象,变量名即属性名,变量值即属性值。
var foo = 'bar';
var baz = {foo};
console.log(baz);
// { foo: 'bar' }
// 等同于
var baz = {foo: foo};
ES6 学习笔记之函数的拓展
本文记录了一些 ES6 函数相关的改动,比较重要的就是箭头函数及箭头函数内部 this 的变化,其他一些不常见的概念我也仅仅是看了看,并没有实际操作测试效果。待需要用到的时候再研究。
ES6 学习笔记之数组的拓展
ES6 在数组上改变还是比较多的,主要是为了弥补 ES5 一些方法的不足或新增一些方法,但大体这些方法在其他语言中也都见过,所以操作和使用起来不难,可能名字不一样,但看一看就知道如何使用了。
ES6 学习笔记之字符串拓展
字符换相关的拓展在书中有非常详细的介绍,我这里仅记录一些可能会用到的函数或方法,以备后用。
ES6 学习笔记之变量的解构赋值
ES6 中增加了几种对变量初始化的方式,从改进来看,个人觉得可以大大的增加编码的效率。带相对语法可能就晦涩一些了。但总归熟能生巧,多用就不会那么容易犯错了。
ES6 学习笔记之新的语法特性
本文记录一些与 ES5 不同的语法特性,因为只记录了我比较关心的内容,所以记录的可能不全面。
ES6 学习笔记之部署运行环境
即日起开始记录学习 ES6 的语法笔记,以巩固以前学习过的知识并学习新的知识以备 React、MeteorJS 新框架的学习。其中 ES6 全部学习资源来自网络阮一峰编写的图书:http://es6.ruanyifeng.com/,其中记录的代码或联系可能与书中重复。一些与历史相关的资料请阅读书中内容,我仅记录自己学习过程中遇到的问题和与历史语法不一致的内容,以下进入正题。