丁鹿学堂:从零开始学习react之react基础概念

2022-12-09 0 742

原副标题:丁鹿大学堂:从头已经开始自学react之react此基础基本概念

丁鹿学堂:从零开始学习react之react基础概念

react概要:

react由facebook子公司面世,即使该子公司不满足用户于市售原有的后端架构,她们指出MVC只会让后端愈来愈繁杂,因

此react就问世了,react只高度关注与快照层,非官方对react的功能定位是:两个加速构筑后端快照的javaScript库。react选用

可视化式dom构筑真实世界dom。

react特征:

1. 新闻稿式结构设计 −React采用新闻稿本体论,能随心所欲叙述应用领域。

2. 高效率 −React透过对DOM的演示,最大限度地增加与DOM的可视化。

3. 灵巧 −React能与未知的库或架构较好地相互配合。

4. JSX − JSX 是 JavaScript 句法的扩充。React 合作开发不一定选用 JSX ,但他们提议选用它。

5. 模块 − 透过 React 构筑模块,使标识符更为难获得F83E43Se,能较好的应用领域在大工程项目的合作开发中。

6. 双向积极响应的数据流 − React 同时实现了双向积极响应的报文,进而增加了多次重复标识符,这也是它为何比现代统计数据

存取更单纯

react中可视化式dom和真实世界dom的差别:

原生植物JS或JQ操作方式DOM时,应用程序会从构筑DOM树已经开始从头到尾继续执行两遍业务流程。 在一场操作方式中,我须要预览10

个DOM节点,应用程序收到第两个DOM请求后并不知道还有9次预览操作方式,因而会马上继续执行业务流程,最终继续执行10

次。

Web界面由DOM树(树的意思是统计数据结构)来构筑,当其中一部分发生变化时,其实就是对应某个DOM节点发生

了变化。

一场操作方式中有10次预览DOM的动作,可视化式DOM不会立即操作方式DOM,而是将这10次预览的diffff内容保存到本地

两个JS对象中,最终将这个JS对象一场性attch到DOM树上,再进行后续操作方式,避免大量无谓的计算量。

用JS对象演示DOM节点的好处是,页面的预览能先全部反映在JS对象(可视化式DOM)上,操作方式内存中的JS对象的

速度显然要更快,等预览完成后,再将最终的JS对象映射成真实世界的DOM,交由应用程序去绘制。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务