- 博客(6)
- 资源 (8)
- 收藏
- 关注
原创 push.js 源码解读
push.js 源码解读生命周期这里指的是一个新页面加载的生命周期。push.js 对新页面的处理分三种情况:用户点击了页面中的链接,或者调用 PUSH 方法用户点击了浏览器的后退/前进按钮下面我们对第一种情况做一个仔细说明:从用户点击了页面中的一个链接,到新页面加载完成经历了如下几个步骤:监听 click 事件,从链接上取出相应的参数(url和 transition),调用 PUSH 方
2015-06-26 11:28:21 6092 1
原创 ReactJS学习笔记六:感想 - 为什么说Virtual DOM 是React的精髓所在
Virtual DOM 毫无疑问是 React 的精髓。可能很多人包括我看完官方文档之后对Virtual DOM的理解就是:它通过JS对象模拟原生DOM,加上DOM Diff 极大提升了DOM操作的性能。这里的感觉就是这玩意最大的意义在于性能的提升。因为JS对象比DOM对象性能高。如果这样理解其实完全忽略了 Virtual DOM 最精髓最颠覆性的意义:抽象。V
2015-06-25 20:24:31 12148 3
原创 ReactJS读书笔记五:DOM操作
一 获取DOM元素react可以允许我们通过 ref 来定位一个组件。具体的做法是:先给一个组件设置一个 ref=‘xxx’ 的属性,注意这个ref必须是全局唯一的。然后就可以通过 this.refs.city 来访问这个组件。但是请注意,这里拿到的只是虚拟DOM,而不是真实的DOM。只有在render方法执行之后,并且react已经完成了D
2015-06-25 19:52:35 28354 1
原创 ReactJS读书笔记四:mixins
前面说过,react使用组合而不是继承来处理父子组件。那么显然无法通过继承父类来实现公共功能,所以react提供了mixin的机制。一 mixin是什么mixin,可以非常简单的理解,他就是把 一个 mixin 对象上的方法都混合到了另一个组件上,和 $.extend 方法做的事情类似。不过,react对mixin做了一些特殊处理。在mixin中
2015-06-08 20:00:14 10125 2
原创 ReactJS读书笔记三:组件的组合和通信
一 组合而不是继承React组件是无法继承的,即不存在 React.extend 之类的方法可以定义一个子类。React推崇通过组合的方式来组织大规模的应用。所以所谓父子组件,就和DOM中的父子元素一样,他们是有从属关系,但没有继承关系。比如:var Team = React.createClass({render: function() {return T
2015-06-03 20:41:01 22823 7
原创 ReactJS读书笔记二:组件生命周期
React 组件就是一个状态机,它接受两个输入参数: this.props 和 this.state,返回一个虚拟DOM。React组件的生命周期分几个阶段,每个阶段会有若干个回调函数可以响应不同的时刻。组件生命周期一 创建类React组件是有 类 和 实例的区别的,通过 React.createClass 创建的是类,比如:var Li
2015-06-02 20:14:47 14548 2
加强版坦克大战源码(java)
2011-03-24
c++五子棋源码 ( axun)
2010-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人