首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
wqxc
掘友等级
前端工程师
安安静静的。
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
52
文章 50
沸点 2
赞
52
返回
|
搜索文章
最新
热门
Render --- 四种不同的render方法
render顾名思义就是渲染的意思,纵观整个React有三个不同的地方,定义了各自的render方法。 虽然有多个不同的render方法,但是render方法的作用却是一致的,都是调用 createElement方法来生成一个Element。 这个render的是将子树挂载在根…
React的事务机制
事务是一个繁琐的概念,在React中事务的核心作用是保证数据的一致性,以及出错时候的回滚。在React中事务主要做的事情是包装。 先来看看基础类Transaction类。简单的来说,Transaction类的主要作用使用提供的包装纸(Wrappe)来包装一个函数。 包装纸是提供…
Element 为null或者是false
React 组件必须包含一个 render函数,这个render函数必须返回一个东西。如果你啥也不显示,那就返回一个null或者是false。 这种情况就是一个空组件,啥也不显示。 这个时候是调用 ReactEmptyComponent 方法。 ReactEmptyCompon…
React事件机制三---事件分发
根据前两篇文章我们得到了事件的注册与回调函数存储的流程。事件最终被React注册到了document上,而注册到document上的事件的侦听器是React的提供的一个分发方法。 当事件在原事件对象被触发的时候,document会代理到事件,而后dispatchEvent方法就…
React的事件机制一 --- 注册
关于事件,相信都不陌生。 我们再DOM上绑定事件,并给定一个处理函数。在DOM上事件触发的时候,会执行处理函数。 当然也有另外一种事件绑定机制---代理。 一般我们再用ul元素的时候,我们的事件一般是绑定在li的父元素ul上,这样让ul来代理li的事件,这样只用绑定一次即可,而…
React的注入机制
注入的核心作用是解耦。 #我们以React 0.13版本为例来看一下React的注入机制。 ReactDOM类的(1)是核心。这一行代码主要做的事情就是调用了 ReactDefaultInjection 类的 Inject 方法。 这里我们就要转到ReactDefaultInj…
ReactDOM.render做了什么-- 第二部分 更新挂载
我们知道React的diff策略中有一条,不要改变组件的最外部元素,比如 原本是p,被改成了div。React的diff策略会认为这两个是完全不一样的组件,即使,两者只是改了一个元素而已。 而这也是 Reactdiff算的复杂度从 O(n^3)将到 O(N)的重要原因。 的时候…
起始篇:Element转化为挂载实例
Element转化为挂载实例主要靠的便是 instantiateReactComponent 方法,这个方法会根据 Element的不同情况来生成不同的挂载实例。这些实例会带有一些方法,来辅助挂载。 这里多说一些,React会将 一个组件的每一对标签都单独选择合适的方式来处理。…
React的批处理策略
批处理策略也就是我们的 ReactDefaultBatchingStrategy 模块。 batchingStrategy是以单例的形式存在,为的就是为setState这样的操作提供唯一的一个操作环境。避免不必要的更新。 也就是 batchingStrategy.isBatch…
React源码系列
React源码系列旨在:一是从源码层面解析,理解React的原理。 二是回馈社区,提升自我 注意React的版本是0.13版本。 从React的比较初始的版本来看React的整个变迁之路,更深入的了解React的设计思想。
下一页
个人成就
文章被点赞
21
文章被阅读
28,815
掘力值
756
关注了
12
关注者
6
收藏集
5
关注标签
21
加入于
2017-05-09