首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React 源码学习
订阅
清蒸不是水煮
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 2订阅
React 源码学习(三):CSS 样式及 DOM 属性
下面我们依次来解读 CSS 样式 和 DOM 属性。 这里需要注意, mergeInto 函数会对 one , two 参数进行校验。 校验他们是否为 object ,并且不是 array 。 校验下 props.style 传入的是否是对象,然后创建 CSS markup 标…
React 源码学习(二):HTML 子元素渲染
这里的内容,我相信大家看的都很眼熟吧,这和 ReactDOM.js 中的 Constructor 一样,只不过这里不接受 children 参数,而是只接受一个 text 参数。 那么在压扁之后,我们调用的是 ReactMultiChild.Mixin.mountMultiCh…
React 源码学习(一):HTML 元素渲染
JSXTransformer.js 会将 type="text/jsx" 的形式转换成 React.DOM.h1 的函数形式。 objMapKeyVal 是个工厂函数,他最终会返回一个“键”与 obj 对应的对象“值”则是 func 的执行结果。 ReactDOM 对象中的“键…
React 源码学习(七):生命周期
那么关于生命周期, React 当中生命周期有 2 个。 一个是组件的生命周期 _lifeCycleState ,另一个是复合生命周期 _compositeLifeCycleState 用于复合组件。 那么到此,实现生命周期功能。那么让我们来看看那些生命周期的钩子都在哪里:
React 源码学习(六):组件渲染
在这里,我们看到创建组件的方法是 React.createClass ,组件就是一堆 HTML 元素的集合,但是组件具有状态 (state) 和属性 (props) ,还具有生命周期,并且组件可以更新。所以我们会一一将其到来,那么本次我们仅讨论组件渲染。我们看到复合组件 看到 …
React 源码学习(五):事件机制
React 采用将事件挂载至 document 或者 window 上来实现顶级事件。接下来我们会一一来介绍事件的实现过程。 我们来回忆下, ReactNativeComponent.js 中 _createOpenTagMarkup 方法中的 putListener 函数和 …
React 源码学习(四):事务机制
Transaction 创建一个黑盒子,它能够包装任何方法,以便在调用方法之前和之后维护某些不变量(即使在调用包装方法时抛出异常)。 实例化事务的人可以在创建时提供不变量的执行者。 Transaction 类本身将为您提供一个额外的自动不变量 - 任何事务实例在运行时不应该运行…