1 / 17
文档名称:

react是什么意思,react的英文意思.docx

格式:docx   大小:24KB   页数:17页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

react是什么意思,react的英文意思.docx

上传人:892629196 2022/3/7 文件大小:24 KB

下载得到文件列表

react是什么意思,react的英文意思.docx

相关文档

文档介绍

文档介绍:时间:2022年3月8日
学海无涯
页码:第- 1 -页共17页
react是什么意思,react的英文意思
篇一:React的虚拟DOM 容易理解的解释
在Web开发中,需要将数据的变化实时反映到UI上,这时后 React 处理真实的 DOM 上的更新来进行模拟相应的更新:
引入额外的一个层怎么就更快了呢?那不是意味着浏览器的 DOM 操作不是最优的, 如果在上边加上一层能让整体变快的话?是有这个意思, 只不过 virtual DOM 在语义上和真实的 DOM 有所差别。最主要的是, virtual DOM 的操作,不保证马上就会产生真实的效果。这样就使得 React 能够等到事件循环的结尾, 而在之前完全不用操作真实的 DOM。在这基础上, React 计算出几乎最小的 diff,以最小的步骤将 diff 作用到真实的 DOM 上。
批量处理 DOM 操作和作用最少的 diff 是应用自身都能做到的。任何应用做了这个, 都能变得跟 React 一样地高效。但人工处理出来非常繁琐, 而且容易出错. React 可以替你做到。
我前面提到 virtual DOM 和真实的 DOM 有着不用的语义,但同时也有明显不同的 API。DOM 树上的节点被称为元素,而 virtual DOM 是完全不同的抽象, 叫做 components。
托管事件回调的数据结构。而 React 里的 virtual DOM,则是含有应用特定内在逻辑的,专为应用定制的 components。
里边的箭头表示 virtual 标签挂载到了真实的 DOM 元素上, 很快可以看到结果。同时看一下现在应用的 view 的逻辑说明:
时间:2022年3月8日
学海无涯
页码:第- 5 -页共17页
应到真实的 DOM 元素。所以 React 的 shadow DOM 实际上没有真实的 DOM 节点。
到上面为止,我跳过了很大一段故事, 就是 comonent 是怎样被改变的。如果 component 不允许改变, React 顶多只是个静态渲染框架,像是纯粹的模板引擎,比如 Mustache 或者 HandlebarsJS。而 React 的要点是快速进行更新。 要更新, component 就需要能更改。React 将其 state 作为 component 的 state 属性建模存储。这在 React 页面上
React 在对应的时机触发,他们的命名根据前面提到的应该写的很清楚了。而 component 和 state 改变背后的基本理解是这样:
上面只讨论了怎么把数据的更新传播到 DOM。实际的应用是, 也要从 DOM 获取数据, 因为我们需要那样从用户
篇三:React与React Native 的ES5 ES6写法对照表
模块
引用
在ES5里,如果使用CommonJS标准,引入React包基本通过require进行,代码类似这样: //ES5var React = require(react);var {
Component,
PropTypes
时间:2022年3月8日
学海无涯
页码:第- 6 -页共17页
} = React; //引用React抽象组件
var ReactNative = require(react-native);var {
Image,
Text,
} = ReactNative; //引用具体的React Native组件
在ES6里,import写法更为标准
//ES6import React, {
Component,
PropTypes,
} fromreact;import {
Image,
Text
} fromreact-native
注意在React Native里,+才能正常运作。
导出单个类
在ES5里,要导出一个类给别的模块用,
//ES5var MyComponent = ({
...
}); = MyComponent;
在ES6里,通常用export default来实现相同的功能:
时间:2022年3月8日
学海无涯
页码:第- 7 -页共1