![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 64
渣渣砖
这个作者很懒,什么都没留下…
展开
-
深入浅出React的生命周期
React中的生命周期就是组件的生命周期组建本质就是状态机,输入确定,输出一定确定。状态发生转化时会促发不同的钩子函数,从而让开发者有机会作出响应(类比事件来理解状态)组件的生命周期分为三个阶段:初始化、运行中、销毁阶段。每个阶段可以调用不同的钩子函数。不同生命周期内可以自定义的钩子函数。初始化(实例化阶段):getDefaultProps(获取实例的默认属性):只会在组件的第一个实例初始化时被调用。同一个组件的所有实例,他们拿到的默认属性都是一样的。只调用一次...原创 2021-02-23 16:42:45 · 133 阅读 · 0 评论 -
什么是JSX?
JSX = JavaScriptXMLjsx是一种基于Ecmascript的一种新特性,是一种定义带属性树结构的语法,树结构就是我们的dom结构,属性就是dom节点中的属性jsx不是xml或者Html,不是一种限制。在react中,我们可以使用jsx来编写代码,也可以使用纯javascript来编写代码,所以说即使你不学jsx也可以正常使用react。JSX的特点:类XML语法容易接受 增强js语义 结构清晰 抽象程度高 代码模块化 var SubSubComp...原创 2021-02-23 14:28:05 · 6365 阅读 · 2 评论 -
简单理解React diff 算法
React引入了虚拟DOM(Virtual DOM)的机制:在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行,每当数据变化时,React都会重新构建整个DOM树,然后React将当前整个DOM树和上一次的DOM树进行对比,得到DOM结构的区别,然后仅仅将需要变化的部分进行实际的浏览器DOM更新。而且React能够批处理虚拟DOM的刷新,在一个事件循环(Event Loop)内的两次数据变化会被合并,例如你连续的先将节点...原创 2021-02-23 12:08:23 · 306 阅读 · 0 评论 -
了解React中的非DOM属性?
非dom标准属性,也就是说dom标准里面没有规定的属性,react引入了三个非dom属性,如下:非DOM属性:dangerouslySetInnerHTML、ref、keydangerouslySetInnerHTML:在jsx中直接插入HTML代码 ref:父组件引用子组件 key:提高渲染性能dangerouslySetInnerHTML:字面意思,危险的设置内部html,这个属性的作用就是在jsx中,直接插入html代码。我们为什么用这个属性插入html代码呢?而不是在编写...原创 2021-02-23 11:24:47 · 137 阅读 · 0 评论