Moment.js 设置中文语言

 2016年02月13日    948

Moment.js 是一个JavaScript编写的支持多种语言的日期处理类库,用于解析、检验、操作、以及显示日期。Moment.js 默认使用英文显示,但其国际化(i18n)功能可设置包括中文在内的多种语言。

阅读全文

React 事件系统

 2016年02月10日    683

用户界面除了展示页面信息外,还要响应用户事件。React会将事件处理程序绑定到组件上来处理事件。事件被触发的同时,更新组件的内部状态。组件内部状态的更新,会触发组件的重绘。借助这些机制,我们能够轻松的响应用户输入,并根据用户输入内容完成用户界面的更新。

阅读全文

Browserify 让Node(npm)模块在浏览器中运行

 2016年02月08日    95

NPM中有几十万Node.js模块,利用这些模块可以帮助我们快速构建应用,减少开发工作量。通过Browserify可以让我们使用类似 Node.js 的require()方式来组织浏览器端的 Javascript 代码,并可以浏览器直接使用一些NPM包。

阅读全文

React 组件的复合

 2016年02月07日    283

JSX赋予了React组件强大的表现能力,它允许我们使用类似HTML的语法来创建自定义元素和组件。结合小巧、简单的组件和数据对象,可以构造出庞大而复杂的组件,这就是组件复合

阅读全文

React 定义可复用的组件

 2016年02月05日    489

在HTML,元素(Element)是组成页面的基本元素。而在React中,组成页面的基本元素是组件。React组件本质上是一个JavaScript函数,它接受属性(props)和状态两个参数,并输出render()渲染好的HTML。设计组件时,应该把通用元素(如:按钮、输入框、表单、布局组件等)拆分成接口定义良好的、可复用的、独立的组件,这样不仅可以提高UI的开发效率,同时可以使代码结构更为清晰、减少程序BUG和降低维护成本。

阅读全文

React 组件的API(组件实例)介绍

 2016年02月03日    1490

React 组件实例在渲染的时候(实例化)创建,这些实例在接下来渲染中会被重复使用。要调用组件上的API,首先需要获取对组件的引用。在组件方法内部可以通过this访问,在组件外唯一访问组件方法就是通过React.render的返回值,在其它组件内访问组件,可以使用refs获得对组件的引用。

阅读全文

JavaScript 对象属性拷贝-Object.assign()

 2016年01月31日    331

code>Object对象提供了一个复制对象属性的方法:Object.assign(),在我们需要将一个或多个对象属复制到目标对象时,可以使用这个方法。Object.assign()会把一个或多源对象的可枚举(可访问)属性复制给目标对象。

阅读全文

React 数据流与状态控制-props与sate的区别

 2016年01月31日    946

React 基于状态实现对DOM控制和渲染。组件状态分为两种:一种是组件间的状态传递、另一种是组件的内部状态,这两种状态使用propsstate表示。props用于从父组件到子组件的数据传递。组件内部也有自己的状态:state,这些状态只能在组件内部修改。

阅读全文

React 定义组件的参数对象

 2016年01月28日    505

使用React.createClass()方法创建组件时,需要传入一个参数对象,React会根据这个对象创建组件。这个参数对象中,除了包含必须要实现的render方法外,还有一些组件的设置属性。组件生命周期中的一些处理函数,也是在这个对象中定义的

阅读全文