判断空对象的N种方法

有的时候,我们会在页面初始化时,定义一个空对象。当用户进行了某项操作,就给该对象添加对应的属性。最后,当用户完成一系列操作后,将该对象的数据提交给后台,然后作相应反馈。

全文»

ES6创建React组件的绑定方法

在前面的文章,我们说到使用ES6 extends React.Component 这种方式创建的组件,其中的的事件函数句柄不会自动绑定当前实例的 this,我们需要手动绑定 this。

而绑定this的方法主要有两种方法,每种方法又有两种表现形式:

全文»

React以及组件创建

JSX 最简单的语法的可能是这样的:

const greetWord = <span>HI</span>;

可以看到,它既然不是字符串,也不是变量。而是一个不带双引号的、HTML标签与文本内容混合在一起的格式。

要想在页面显示上面的内容,我们必须把它放入一个组件中。首先,定义一个组件,再利用 {} 符号,把上面的 jsx 内容插入组件中:

全文»

ES6中的 Module

为了方便管理和维护一些复杂的项目,开发者往往会将整个大型项目细分为很多不同的功能模块。这样,模块之间便没有那么强的耦合度,如果某个模块出错,也能快速定位和单元测试。并且,正是由于模块之间的弱关联性,团队内便可以多人同时开发一个项目,而且我们可以把单个模块抽离出来,应用到其他项目中。

全文»

ES6中 Proxy 与 Reflect API

随着JavaScript的不断发展,开发者对于这门语言的开发越来越深入。为此,ES6 引入了 proxy 和 reflect API,给开发者对于JavaScript的底层操作,提供了更多的选择和可能。

通过这两个API,我们可以拦截JavaScript方法中的一些默认行为,从而在这些默认行为的基础上进行相关操作以及调整(比如,属性查找,赋值,枚举,函数调用等等)。这样,就相当于在语言层面上重新定义了相关方法。

全文»