react.js


React.js下的$.data()"踩坑"实录

React.js下的$.data()”踩坑”实录 引子 最近在做得一个项目,我是基于reactjs来写的。项目不大不小,就带了个童鞋一起写,为了不让react写起来那么吃力,我还是引入了jquery (1.11.1)。就这样整个项目开展的还算顺利,期间踩到了一些坑,但都是react的 …


React学习笔记—类名操作

抛砖引玉 先实现一个点击按钮切换背景的功能先。 默认背景色是红色,点击按钮在红绿色之间切换。 index.html <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>React</title> <link …


React学习笔记—简易信息管理,实现CUD

需求 利用React实现一个简易的信息管理系统。 写的不太好,欢迎熟悉React的大神来找茬。真心感激! 分析 编写React就是不断构建组件的过程,首先要根据需求进行UI的划分: -StudentBox -StudentList -Student -StudentForm 编码 服务 …


React学习笔记—虚拟DOM

React对底层的代码作了封装,在大多数情况下,我们不需要直接去操作DOM。但是有时候我们还是需要使用到底层的代码的,比如输入框获取焦点,这个时候可以通过第三方的类库或者React提供的API实现。


React学习笔记—表单

表单组件像 <input>、<textarea> 不同于其它的原生组件,因为它们会随着用户交互而改变。这些组件提供了接口方便我们管理这些交互。


React学习笔记—属性转移

React当中的组件嵌套很常见,外部组件暴露的属性也许会干一些复杂的实现细节。 我们可以使用属性延伸覆盖原来的属性值 var Component = React.createClass({ render: function () { return <div {…this.props} title=”zzz”>this is …


React学习笔记—组件复用

当我们在设计接口的时候,将一些常见的设计元素(如按钮、表单、布局等)拆分成有着良好接口的可重用的组件。这样的话,下次你构建UI的时候只要写少量的代码。


React学习笔记—组件组合

关注分离 我们在编程的时候碰到相同的功能,可以通过抽出公共方法或者类来实现复用。当我们构建新的组件的时候,尽量保持我们的组件同业务逻辑分离,将相同功能的组件抽出一个组件库,通过复用这些组件库来提高我们代码的重用性。 官方示例 构建一个头 …


React学习笔记—Why React?

Why React? 官方说法 注:本人英语二十六级 React是Facebook和Instagram用来创建用户界面的JavaScript库。很多人将React认为是MVC中的V。 React的创建是为了解决一个问题:如何构建一个数据交互频繁的大型应用程序?为了实现这个目标,React运用了 …


收集的React.JS资料

主页 http://facebook.github.io/react/ https://github.com/facebook/react   中文站 http://www.reactjs.cn/ https://github.com/reactjs-cn/react-docs http://react-china.org/ http://nav.react-china.org   前端Flux架构简介 …