![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
没有了糖的可乐
这个作者很懒,什么都没留下…
展开
-
React入门系列(五)props和state
props 因为React是组件化的,因此页面上的元素会被拆分成一些可复用的组件。一个组件就是一个单独的类或者函数,需要通过props来接收从组件外部传过来的数据,因为React是单向数据流,所有props就是接收来自父组件的数据,props是只读的,不可改变的,用来定义外部接口```父组件import Item from "./Item"class ItemList extends R...原创 2019-10-20 23:38:44 · 280 阅读 · 0 评论 -
React入门系列(二)
虚拟Dom是React的核心,一大亮点。为什么会有虚拟Dom呢,还是为了快捷高效。Dom的作用就是对Html文档进行增删改查,我们如过要绘制一张表单,一个for循环就可以将所有的元素绘制到页面上了,但是后面其中有某个或者某几个元素更新的时候,我们又得去手动调一下for循环把整个表单重新绘制一番。牵一发而动全身,浏览器都要重新布局,重新绘制,如果Dom树有很多节点,更新又很频繁的时候,这就会非常影...原创 2019-07-29 11:01:31 · 190 阅读 · 1 评论 -
React入门系列(三)
当我们把虚拟Dom构建成功之后,我们就需要对新旧Dom进行对比,找出其中真正发生变化的部分 在某一时间节点调用 React 的 render()方法,会创建一棵由 React 元素组成的树。在下一次 state 或 props 更新时,相同的 render()方法会返回一棵不同的树。React 需要基于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当前 UI 与最新的树保...原创 2019-07-29 20:01:22 · 185 阅读 · 0 评论 -
React入门系列(四)
在Js代码里面写HTML, 其实就是构造了一个个的Dom对象,如果单纯的用JS来写,会非常冗余而且不能很清晰的看清Dom树的结构,因此就有了JSX,直接用HTML的写法在JS中写Dom{ tag: 'div' attrs: { className: 'userName', id: 'userId'}, children: [ { ...原创 2019-07-31 20:04:45 · 203 阅读 · 0 评论 -
React入门系列(一)
现在Web前端中,React、Vue、Angule三大框架成三足鼎立之势React:最初是FaceBook用于其内部项目Instagram,后于2013年开源,由于其采用虚拟Dom和Diff算法,设计思想独特,代码逻辑简单,如今已经有越来越多的人和公司开始关注和使用(1)声明式设计(2) 高效快速:通过对Dom的模拟,在最大程度上减少了于Dom的交互,改变真实的DOM状态远比改变一个Ja...原创 2019-07-27 12:55:40 · 219 阅读 · 1 评论